/*
Primary: #E41513;
Secondary: #242424;
Muted: #F3F3F3;
Antracite: #4A4A49;

Text: #242424;
Links: #242424;
Elements: #E41513;
*/

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-LightItalic.eot');
    src: url('../font/Formular-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-LightItalic.woff2') format('woff2'),
    url('../font/Formular-LightItalic.woff') format('woff'),
    url('../font/Formular-LightItalic.ttf') format('truetype'),
    url('../font/Formular-LightItalic.svg#Formular-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-Light.eot');
    src: url('../font/Formular-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-Light.woff2') format('woff2'),
    url('../font/Formular-Light.woff') format('woff'),
    url('../font/Formular-Light.ttf') format('truetype'),
    url('../font/Formular-Light.svg#Formular-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular.eot');
    src: url('../font/Formular.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular.woff2') format('woff2'),
    url('../font/Formular.woff') format('woff'),
    url('../font/Formular.ttf') format('truetype'),
    url('../font/Formular.svg#Formular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../font/MinionPro-Regular.eot');
    src: url('../font/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/MinionPro-Regular.woff2') format('woff2'),
    url('../font/MinionPro-Regular.woff') format('woff'),
    url('../font/MinionPro-Regular.ttf') format('truetype'),
    url('../font/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-MediumItalic.eot');
    src: url('../font/Formular-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-MediumItalic.woff2') format('woff2'),
    url('../font/Formular-MediumItalic.woff') format('woff'),
    url('../font/Formular-MediumItalic.ttf') format('truetype'),
    url('../font/Formular-MediumItalic.svg#Formular-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-Black.eot');
    src: url('../font/Formular-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-Black.woff2') format('woff2'),
    url('../font/Formular-Black.woff') format('woff'),
    url('../font/Formular-Black.ttf') format('truetype'),
    url('../font/Formular-Black.svg#Formular-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-Italic.eot');
    src: url('../font/Formular-Italic.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-Italic.woff2') format('woff2'),
    url('../font/Formular-Italic.woff') format('woff'),
    url('../font/Formular-Italic.ttf') format('truetype'),
    url('../font/Formular-Italic.svg#Formular-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-BlackItalic.eot');
    src: url('../font/Formular-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-BlackItalic.woff2') format('woff2'),
    url('../font/Formular-BlackItalic.woff') format('woff'),
    url('../font/Formular-BlackItalic.ttf') format('truetype'),
    url('../font/Formular-BlackItalic.svg#Formular-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-Bold.eot');
    src: url('../font/Formular-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-Bold.woff2') format('woff2'),
    url('../font/Formular-Bold.woff') format('woff'),
    url('../font/Formular-Bold.ttf') format('truetype'),
    url('../font/Formular-Bold.svg#Formular-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-BoldItalic.eot');
    src: url('../font/Formular-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-BoldItalic.woff2') format('woff2'),
    url('../font/Formular-BoldItalic.woff') format('woff'),
    url('../font/Formular-BoldItalic.ttf') format('truetype'),
    url('../font/Formular-BoldItalic.svg#Formular-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('../font/Formular-Medium.eot');
    src: url('../font/Formular-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/Formular-Medium.woff2') format('woff2'),
    url('../font/Formular-Medium.woff') format('woff'),
    url('../font/Formular-Medium.ttf') format('truetype'),
    url('../font/Formular-Medium.svg#Formular-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pakelo';
    src: url('../font/pakelo.eot?4233464');
    src: url('../font/pakelo.eot?4233464#iefix') format('embedded-opentype'),
    url('../font/pakelo.woff2?4233464') format('woff2'),
    url('../font/pakelo.woff?4233464') format('woff'),
    url('../font/pakelo.ttf?4233464') format('truetype'),
    url('../font/pakelo.svg?4233464#pakelo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icona-"]:before, [class*=" icona-"]:before {
    font-family: "pakelo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icona-user:before { content: '\e800'; }
.icona-auto-moto:before { content: '\e801'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-pakelolab:before { content: '\e802'; font-size: 30px; margin-left: 0px; margin-left: 0px; }
.icona-diagnosi-consulenza:before { content: '\e803'; font-size: 30px; }
.icona-moto:before { content: '\e804'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-costruzioni:before { content: '\e805'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-ricerca-sviluppo:before { content: '\e806'; font-size: 30px; }
.icona-agricoltura:before { content: '\e807'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-training:before { content: '\e808'; font-size: 30px; }
.icona-portale-analisi:before { content: '\e809'; }
.icona-truck:before { content: '\e80a'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-industria:before { content: '\e80b'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-nautica:before { content: '\e80c'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-industria-alimentare:before { content: '\e80d'; font-size: 60px; margin-right: 0px; margin-left: 0px; }
.icona-cerca-rivenditore:before { content: '\e80e'; font-size: 26px; }
.icona-find-your-oil:before { content: '\e80f'; font-size: 20px; margin-left: 0px; margin-right: 10px;}
.icona-photo:before { content: '\e810'; font-size: 60px; }
.icona-video:before { content: '\e811'; font-size: 60px; }
.icona-menu:before { content: '\e812'; }
.icona-scopri:before { content: '\e813'; }
.icona-arrow-left:before { content: '\e814'; font-size: 35px; margin: 10px 5px; }
.icona-arrow-right:before { content: '\e815'; font-size: 35px; margin: 10px 5px; }
.icona-arrow-right-simple:before { content: '\e816'; }
.icona-arrow-left-simple:before { content: '\e817'; }
.icona-scroll-down:before { content: '\e818'; font-size: 40px; }
.icona-homepage:before { content: '\e819'; }
.icona-prodotti:before { content: '\e81a'; }
.icona-pakelo-world:before { content: '\e81b'; }
.icona-pakelo-social:before { content: '\e81c'; }
.icona-pakeloheroes:before { content: '\e81d'; }
.icona-contatti:before { content: '\e81e'; }
.icona-contatti-full:before { content: '\e81f'; font-size: 20px; }
.icona-skype:before { content: '\e820'; font-size: 20px; }
.icona-mail:before { content: '\f0e0'; font-size: 20px; }
.icona-phone:before { content: '\e821'; }
.icona-location:before { content: '\e822'; }
.icona-paper-plane:before { content: '\f1d8'; }
.icona-find-your-oil2:before { content: '\e823'; font-size: 20px; margin-left: 0px; margin-right: 10px;}
.icona-marca:before { content: '\e824'; }
.icona-engine:before { content: '\e825'; }
.icona-model:before { content: '\e826'; }
.icona-fuel:before { content: '\e827'; }
.icona-year:before { content: '\e828'; }
.icona-play:before { content: '\e829'; }
.icona-azienda:before { content: '\e82a'; }
.icona-certificazioni:before { content: '\e82b'; }
.icona-servizi:before { content: '\e82c'; }
.icona-rivenditori:before { content: '\e82d'; }
.icona-oil:before { content: '\e830'; }


.icona-find-your-oil-step1:before {
    content: '\e824';
    font-size: 35px;
}
.icona-find-your-oil-step2:before {
    content: '\e828';
    font-size: 35px;

}
.icona-find-your-oil-step3:before {
    content: '\e826';
    font-size: 35px;
}
.icona-find-your-oil-step4:before {
    content: '\e827';
    font-size: 35px;
}
.icona-find-your-oil-step5:before {
    content: '\e825';
    font-size: 35px;
}
.icona-find-your-oil-step6:before {
    content: '\e826';
    font-size: 35px;
}

.icona-cerca-rivenditore, .icona-find-your-oil { line-height: 20px; }

.icona {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -10px;
    margin-left: 5px;
}

.uk-modal-body .icona-phone:before {
    content: '\e821';
    font-size: 20px;
}

/* FONT ELEMENTS */

.uk-h1.title-shadow,
.uk-h2.title-shadow,
.uk-h3.title-shadow,
.uk-h4.title-shadow,
.uk-h5.title-shadow,
h1.title-shadow,
h2.title-shadow,
h3.title-shadow,
h4.title-shadow,
h5.title-shadow {
    text-shadow: -3px 3px 4px rgba(0,0,0,0.3);
}

input[type="radio"] {
    background-color: #ffffff !important;
    margin-right: 10px !important;
}
input[type="radio"]:checked {
    background-color: #E41513 !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23ffffff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}

label + p.uk-margin-remove-top.uk-margin-remove-bottom.uk-margin-left {
    margin-left: 30px !important;
}

.uk-heading-bullet::before {
    content: none;
}

/*.uk-heading-bullet::before {
    content: "/";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: auto;
    margin-right: 0px;
    border-left: none;
    color: #E41513;
    margin-top: -0.1em;
}
.uk-heading-bullet.light::before {
    color: #ffffff;
}
.uk-heading-bullet.gray:before {
    color: #4A4A49;
}

.uk-light .uk-heading-bullet::before,
.uk-background-primary .uk-heading-bullet::before,
.uk-card-primary .uk-heading-bullet::before,
.uk-tile-primary .uk-heading-bullet::before {
    content: "/";
    display: inline-block;
    position: relative;
    top: auto;
    vertical-align: middle;
    height: auto;
    margin-right: 0px;
    border-left: none;
    color: #E41513;
}

.uk-tile-primary .uk-heading-bullet::before {
    color: #ffffff;
}*/

.heading-transform-auto,
.heading-transform-auto h1,
.heading-transform-auto h2,
.heading-transform-auto h3,
.heading-transform-auto h4,
.heading-transform-auto h5,
.heading-transform-auto h6 {
    text-transform: none;
}

.text-normal {
    font-weight: normal !important;
}

.text-light {
    font-weight: 300 !important;
}

.text-italic {
    font-style: italic;
}

.heading-fixed-height {
    height: 50px;
    line-height: 20px;
    max-height: 50px;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
    align-items: center
}

.heading-fixed-height .uk-text-small {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media(max-width: 989px) {
    .rivenditori-uikit .heading-fixed-height {
        max-height: none;
        height: auto;
    }
}

hr.uk-width-small {
    border-top-width: 3px;
}

hr.hr-bold {
    border-top-width: 2px;
}

hr.red {
    border-color: #E41513 !important;
    width: 80px;
    margin-top: 0px;
}

.margin-negative-bottom-70 {
    margin-bottom: -70px;
}

.transition-delayed {
    transition-delay: 0.3s !important;
}

.transition-delayed .text {
    transition-delay: 0.3s !important;
}

.text-arrow:after {
    content: '\e813';
    font-family: "pakelo";
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 5px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    font-weight: 500;
}
a:hover {
    text-decoration: none !important;
}

a.text-arrow:after {
    margin-left: 5px;
    transition: 0.5s ease all;
}

a.text-arrow:hover:after {
    margin-left: 10px;
}

.uk-text-primary a {
    color: #E41513;
}


.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: ">";
    display: inline-block;
    margin: 0 10px;
    color: #dce0e1;
}

.uk-light .breadcrumb li,
.uk-light .breadcrumb li a,
.uk-light .breadcrumb li span {
    color: #ffffff;
    text-transform: uppercase;
}

/* GENERAL */

@media (max-width: 959px) {
    .uk-padding-remove-bottom\@m {
        padding-bottom: 0px;
    }
    .uk-padding-remove-top\@m {
        padding-bottom: 0px;
    }

}
.panel-pakelo .uk-overlay-default {
    background-image: linear-gradient(to top, rgba(0,0,0,0.8),  rgba(0,0,0,0.2), transparent);
    background-color: transparent;
    transition: 0.5s ease all;
}
.panel-pakelo img {
    transform: scale(1);
    transition: 0.5s ease all;
}

.panel-pakelo a:hover .uk-overlay-default {
    padding-top: 60px;
}

.panel-pakelo a:hover img {
    transform: scale(1.05);
}

.panel-pakelo a .el-content {
    max-height: 0px;
    transition: 0.5s ease all;
    margin: 0px;
}
.panel-pakelo a .hover {
    opacity: 0;
    display: block;
    margin-top: 15px;
}
.panel-pakelo a:hover .el-content {
    max-height: 40px;
}
.panel-pakelo a:hover .hover {
    opacity: 1;
}

#loading {
    z-index: 9999;
    position: fixed;
    width: 100vw;
    height: 100vh;
}

#tm-navbar .uk-modal-close-full {
    display: none;
}

.card-category {
    padding-top: 70px;
    padding-bottom: 70px;
}

.card-category h3 {
    margin-bottom: 40px !important;
}

.social-bar .uk-icon-button {
    border-color: transparent !important;
}
.social-bar .uk-icon-button:hover {
    color: #4A4A49 !important;
}

@media (min-width: 1200px) {
    .uk-width-3-5-large {
        max-width: 860px;
        width: 100%;
    }

    .uk-width-2-5-large{
        max-width: 580px;
        width: 100%;
    }
}

@media (max-width: 959px) {
    .uk-width-2-5-large {
        max-width: 100%;
    }
    .uk-width-2-5-large img {
        max-width: 300px;
    }
}

.text-light {
    font-weight: normal;
}
.muted-bold .uk-text-muted {
    color: #242424 !important;
    font-weight: bold;
}
.card-shadow {
    border-color: transparent;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.uk-lightbox {
    z-index: 9999;
    background: rgba(0, 0, 0, 0.85);
}

.form-margin-negative{
    margin-bottom: -210px !important;
}

.form-margin {
    margin-bottom: 210px;
}

/* PANELS */
.panel-skew-gradient {
    transform: skew(-10deg);
    background-image: linear-gradient(to right, #E41513 50%, rgba(226, 35, 22, 0.6));
    padding: 30px 50px 30px 100px;
    width: 70vw;
    max-width: 500px;
    margin-left: -10%;
    box-shadow: 0px 2px 10px 5px rgba(51, 51, 91, 0.42);;
}

@media (max-width: 690px) {
    .panel-skew-gradient {
        padding: 20px 50px 20px 90px;
        margin-top: 33%;
    }

}
@media (max-width: 480px) {
    .panel-skew-gradient {
        width: 60vw;
        padding: 10px 20px 10px 35px;
        margin-top: 33%;
    }

    .panel-skew-gradient .uk-h2 {
        margin-bottom: 5px;
        font-size: 20px !important;
    }

    .panel-skew-gradient p.uk-text-lead {
        font-size: 16px !important;
    }
}
@media (max-width: 390px) {
    .panel-skew-gradient {
        width: 60vw;
        padding: 10px 25px 10px 50px;
    }

    .panel-skew-gradient .uk-h2 {
        margin-bottom: 5px;
        font-size: 20px !important;
    }

    .panel-skew-gradient p.uk-text-lead {
        font-size: 16px !important;
    }
}
.panel-skew-gradient > div {
    transform: skew(10deg);
}
.panel-skew-gradient h1,
.panel-skew-gradient h2,
.panel-skew-gradient h3,
.panel-skew-gradient h4,
.panel-skew-gradient h5,
.panel-skew-gradient h6,
.panel-skew-gradient p {
    font-style: italic;
}

.panel-skew-gradient p.uk-text-lead {
    font-size: 25px;
}

.panel-skew {
    background: #E41513;
    padding: 30px;
    max-width: 250px;
    position: relative;
}

.panel-skew:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: -40px;
    width: 80px;
    height: 100%;
    transform: skew(-20deg);
    background: #E41513;
}

.button-skew {
    background: #E41513;
    padding: 10px;
    padding-right: 30px;
    max-width: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #E41513;
    border-right: 0px;

}
.button-skew:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -20px;
    width: 35px;
    height: 100%;
    transform: skew(-20deg);
    background: #E41513;
    border: 1px solid #E41513;
    border-left: 0px;
}

.button-skew > [class^="icona-"], .button-skew > [class*=" icona-"]{
    margin-right: 10px;
}

.category-panel .uk-overlay{
    display: flex;
    align-items: center;
    transition: 0.5s ease all;
}
.category-panel .uk-overlay > div {
    max-width: 260px;
}
.category-panel .uk-overlay p {
    line-height: 1.4em;
}
.category-panel img{
    transform: scale(1);
    transition: 0.5s ease all;
    max-height: 410px;
    min-height: 300px;
    width: auto;
    max-width: none;
}

/*.category-panel:hover .uk-overlay{
    width: 310px;
}*/
.category-panel:hover img{
    transform: scale(1.05);
}

.uk-sticky {
    transition: none;
}

/* NAVBAR */
.tm-page {
    z-index: unset;
}

.tm-header {
    z-index: 1020;
}
/*.tm-header > div {
    padding-top: 20px;
}*/
.uk-navbar-item:not(.uk-logo) {
    padding: 0px;
}

.uk-logo {
    background: #E41513;
    padding-right: 30px;
    padding-left: 30px;
}

/*.uk-sticky-below .uk-logo {
    max-height: 50px;
    min-height: 50px;
}
*/
/*.uk-sticky-below .uk-logo img {
    max-height: 45px;
}
*/
/*.uk-navbar-container > div {
    padding-right: 0px;
}*/
.uk-navbar-right, .uk-navbar-left {
    align-items: flex-start;
    z-index: 1020;
    /*box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.16);*/
}
.uk-navbar-left {
    max-height: 50px;
}
/*.uk-navbar-right .uk-navbar-item {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
}*/
/*.uk-navbar-right > .uk-navbar-item {
    box-shadow: -2px 2px 2px rgba(0,0,0,0.2);
}*/

.uk-navbar-container.uk-background-secondary {
    background: #000000;
}

.uk-slider .uk-card-secondary {
    background: #000000;
}

.uk-section-secondary.black {
    background: #000000;
}

.uk-sticky-below .uk-logo {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}


.uk-navbar-right > .uk-navbar-toggle {
    color: #ffffff;
}

.uk-navbar-right > .uk-navbar-item:first-child() {
    position: relative;
    z-index: 3;
}
.uk-navbar-right > .uk-navbar-item:nth-child(1) {
    position: relative;
    z-index: 2;
}
.uk-navbar-right > .uk-navbar-item:nth-child(2) {
    position: relative;
    z-index: 1;
}

.tm-header > div.uk-sticky-below .no-sticky {
    display: none;
}
.tm-header > div.uk-sticky-below .icona-find-your-oil2 {
    line-height: 20px;
}
.tm-header > div.uk-sticky-below .icona-find-your-oil2:before {
    margin-right: 0px;
}

/* Navbar modules */

.uk-navbar-toggle {
    padding-right: 15px;
    padding-left: 15px;
    background-color: #E41513;
    color: #ffffff;
    height: 70px !important;
    max-height: 70px;
    min-height: 70px;
    border: 2px solid #E41513;
}

/*@media (min-width: 960px) {
    .uk-navbar-toggle {
        padding-right: 50px;
        padding-left: 15px;
        background-color: #E41513;
        color: #ffffff;
        height: 50px !important;
        max-height: 50px;
        min-height: 50px;
        border: 2px solid #E41513;
    }
}

@media (max-width: 959px) {
    .uk-navbar-toggle {
        color: #ffffff;
    }
}*/

/*.uk-button-navbar {
    background: #242424;
    color: #ffffff;
    border: 1px solid #242424;
    height: 50px !important;
    max-height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1px;
    letter-spacing: 0px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 50px;
}
.uk-button-navbar:hover {
    background: #fff;
    color: #242424;
    border: 1px solid #242424;
}*/
.mod-languages .button {
    height: 50px !important;
    max-height: 50px;
    min-height: 50px;
    width: 20px;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.mod-languages a {
    color: #ffffff;
    font-size: 14px;
}

.dropdown {
    background: #242424;
    width: 20px;
    max-width: 50px;
    min-width: 50px;
    padding: 0px;
    text-align: center;
}

.dropdown li {
    padding: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-bottom: 1px solid #ffffff;
}

.dropdown li:last-child {
    border-bottom: 1px solid #242424;
}

/* Navbar modal */

#tm-navbar.uk-modal-full .uk-modal-body .uk-nav > li a {
    font-size: 25px;
    line-height: 35px;
    color: #ffffff;
    letter-spacing: 0px;
}

#tm-navbar.uk-modal-full .uk-modal-body .uk-nav > li a[class^="icona-"]:before,
#tm-navbar.uk-modal-full .uk-modal-body .uk-nav > li a[class*=" icona-"]:before {
    background: #ffffff;
    color: #E41513;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0px;
    border-radius: 17px;
    font-size: 34px;
    transition: 0.1s ease all;
    vertical-align: middle;
}

#tm-navbar.uk-modal-full .uk-modal-body a:hover {
    color: #4A4A49 !important;
}

#tm-navbar.uk-modal-full .uk-modal-body a:hover:before {
    background-color: #4A4A49 !important;
}

@media (max-width: 959px) {
    #tm-mobile.uk-modal-full .uk-modal-dialog {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    #tm-mobile.uk-modal-full .uk-nav {
        margin-bottom: 20px;
    }
}

#tm-navbar .uk-modal-close-full {
    padding: 30px 40px;
    color: #ffffff;
}


@media (min-width: 960px) {
    .uk-bullet-social {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

.uk-bullet-social:before {
    content: "/";
    color: #E11A21;
    font-size: 25px;
    font-weight: 500;
}


.uk-bullet-social .uk-icon {
    margin-left: 5px;
    margin-right: 5px;
}

#tm-navbar.uk-modal-full .uk-modal-body .uk-bullet-social {
    justify-content: flex-start;
}

#tm-navbar.uk-modal-full .uk-modal-body .uk-bullet-social:before {
    content: "/";
    color: #4A4A49;
    font-size: 25px;
    font-weight: 500;
}

#tm-navbar.uk-modal-full .uk-modal-body .uk-bullet-social .uk-icon {
    margin-left: 5px;
    margin-right: 5px;
}

@media (min-width: 960px) {
    #tm-navbar.uk-modal-full .uk-modal-body .uk-nav {
        width: 600px;
        border-right: 1px solid rgba(255,255,255,0.4);
    }
    #tm-navbar.uk-modal-full .uk-modal-body .uk-nav + div p {
        margin: 0px;
    }
    #tm-navbar.uk-modal-full .uk-modal-body .uk-nav + div {
        width: 200px;
        padding-left: 40px;
    }
    #tm-navbar.uk-modal-full .uk-modal-body .uk-margin-auto-vertical {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    #tm-navbar .uk-modal-body {
        max-width: 1200px;
        width: 100%;
    }
}

@media (max-width: 959px) {
    #tm-navbar.uk-modal-full .uk-modal-body .uk-nav {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255,255,255,0.4);
    }
}

/* SLIDESHOW HEADER */
.slider-counter {
    position:absolute;
    right: 55px;
    bottom: 85px;
}

/*.uk-position-bottom-center.bump {
    padding-bottom: 70px;
}*/
.uk-slidenav-container.uk-position-bottom-right {
    margin-bottom: 30px;
}

/* SLIDESHOW STORY */
.slideshow-story .uk-slide-panels > div:not(.uk-active) {
    display: none;
}

.slideshow-story .icona-arrow-left, .slideshow-story .icona-arrow-right {
    color: #E11A21;
}
.uk-slide-panels .uk-animation-fade {
    animation-delay: 1s;
}
.uk-slide-panels h3 {
    margin-bottom: 0px;
}
.uk-slide-panels h3 + p {
    margin-top: 0px;
    text-transform: uppercase;
}
.uk-slide-panels hr {
    width: 70px;
}
.uk-slide-panels hr + p {
    max-width: 300px;
}
.slideshow-story .uk-thumbnav li {
    position: relative;
    padding: 10px;
    padding-left: 100px;
    border: 0px;
}
.uk-thumbnav>li:before {
    content: "";
    border-top: 1px solid #B1B1B1;
    width: 100px;
    position: absolute;
    top: 15px;
    left: -20px;
}
.uk-thumbnav>li.uk-active:before {
    border-top: 1px solid #E41513;
}
.uk-thumbnav>li:first-child:before {
    content: none;
}
.uk-thumbnav>li>::after {
    content: none !important;
}
.slideshow-story .uk-thumbnav li > a {
    text-decoration: none;
    padding-bottom: 20px;
    padding-right: 30px;
}
.slideshow-story .uk-thumbnav li a > span {
    font-size: 13px;
    text-transform: uppercase;
}
.slideshow-story .uk-thumbnav li > a > h3 {
    font-size: 32px;
    font-weight: 700;
}
.slideshow-story .uk-thumbnav li.uk-active a > span,
.slideshow-story .uk-thumbnav li.uk-active a > h3 {
    color: #E41513;
}
.slideshow-story .uk-thumbnav li > a >span,
.slideshow-story .uk-thumbnav li > a > h3 {
    color: #B1B1B1;
}
.slideshow-story .uk-thumbnav .slide-number {
    position: absolute;
    top: -3px;
    left: -15px;
    font-size: 12px;
}
.slideshow-story .uk-thumbnav .subtitle {
    position: absolute;
    top: 45px;
    left: 0px;
    font-size: 12px;
    width: 200px;
}

.slideshow-story h3 {
    font-size: 50px;
    font-weight: 500;
}

.slideshow-story hr {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width: 959px) {
    .slideshow-story .uk-flex-right {
        justify-content: center;
    }

    .slideshow-story .uk-slide-panels {
        padding-left: 70px;
        padding-right: 15px;
        /*text-align: center;*/
        text-align: left;
    }

    .slideshow-story .uk-slide-panels .uk-card {
        width: 100%;
        padding-bottom: 20px;
    }

    .slideshow-story .uk-slide-panels .uk-card p {
        /*margin-left: auto;
        margin-right: auto;*/
    }

    .slideshow-story .uk-slide-panels .uk-card hr.uk-width-small {
        /* margin-left: auto;
         margin-right: auto;*/
    }

}

@media (max-width: 480px) {
    .slideshow-story .uk-slide-panels {
        padding-left: 15px;
    }

}


@media (max-width: 1119px) {
    .slideshow-story hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .slideshow-story h3 {
        font-size: 40px;
    }
}

/* SLIDER PEOPLE */

.uk-slider .icona-arrow-left,
.uk-slider .icona-arrow-right {
    color: #E41513;
}
.uk-slider .slidenav-outside {
    position: absolute;
    top: -55px;
    right: 30px;
}
.pakeloheroes-slider .uk-position-bottom {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 1600px) {
    .pakeloheroes-slider li {
        width: 18.18%;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .pakeloheroes-slider li {
        width: 22.22% ;
    }
}

@media (min-width: 960px) and (max-width: 1199px) {
    .pakeloheroes-slider li {
        width: 28.57% ;
    }
}

.pakeloheroes-slider .uk-position-bottom .uk-panel {
    text-transform: uppercase;
    font-size: 13px;
}
.pakeloheroes-slider h4 {
    font-size: 23px;
}

.pakeloheroes-slider img {
    width: 100%;
}

.pakeloheroes-slider .uk-position-bottom {
    background-image: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

.pakeloheroes-slider .el-item img {
    transition: 0.5s ease all;
    transform: scale(1);
}

.pakeloheroes-slider .el-item:hover img {
    transform: scale(1.05);
}

/* PAKELO LAB */
#menu-pakelo-lab >li {
    margin-bottom: 10px;
}
#menu-pakelo-lab >li>a {
    padding: 10px;
}

#menu-pakelo-lab >li:not(.current) > a {
    border: 1px solid #E41513;
    background: #FFFFFF;
    color: #E41513;
}

#menu-pakelo-lab >li.current > a {
    border: 1px solid #E41513;
    background: #E41513;
    color: #ffffff;
}

#menu-pakelo-lab a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
    min-height: 70px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
}

#menu-pakelo-lab .icona-pakelolab:before {
    margin-left: 6px;
}

#menu-pakelo-lab [class^="icona-"]:before,
#menu-pakelo-lab [class*=" icona-"]:before {
    margin-right: 20px;
    margin-left: 10px;
    font-size: 45px;
}

@media (max-width: 959px) {
    #menu-pakelo-lab {
        display: flex;
        flex-wrap: wrap;
    }

    #menu-pakelo-lab > li {
        margin-left: 5px;
        margin-right: 5px;
        width: calc(50% - 10px);
        max-width: 50%;
    }
    .uk-sticky {
        min-height: 0px !important;
    }
}

@media (max-width: 640px) {
    #menu-pakelo-lab [class^="icona-"]:before,
    #menu-pakelo-lab [class*=" icona-"]:before {
        margin-right: 10px;
        margin-left: 5px;
        font-size: 28px;
    }

    #menu-pakelo-lab li a {
        padding: 5px;
        font-size: 12px;
        min-height: 60px;
    }

}

/*#menu-pakelo-lab >li:not(.current) > .button-skew:after {
    border: 1px solid #E41513;
    border-left: 0px;
    background:  #FFFFFF;
}
#menu-pakelo-lab >li:not(.current) > .button-skew:hover {
    border: 1px solid #E41513;
    border-right: 0px;
    background: #E41513;
    color: #FFFFFF;
}
#menu-pakelo-lab >li:not(.current) > .button-skew:hover:after {
    border: 1px solid #E41513;
    border-left: 0px;
    background:  #E41513;
}
#menu-pakelo-lab .button-skew:before {
    margin-right: 10px;
}
#menu-pakelo-lab .button-skew:after {
    right: -20px;
}

#menu-pakelo-lab .button-skew {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
}*/

#menu-pakelo-lab .uk-button {
    max-width: 250px;
}
.pakelo-lab-grid h5 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* RIVENDITORI APP */
.rivenditori-uikit-frontpage .categories {
    /*background-image: url(../img/Global_Presence.svg);*/
    background-size: 1650px auto;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 959px) {
    .rivenditori-uikit-frontpage {
        background-image: none;
    }

    .rivenditori-uikit-frontpage .categories {
        padding-top: 30px;
        padding-bottom: 0px;
        background-size: 130% auto;
        background-position: center center;
        background-repeat: repeat-y;
    }

    .yoo-zoo.uk-container.uk-container-large .uk-panel-box,
    .rivenditori-uikit .uk-panel-box {
        padding: 20px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    }
    .yoo-zoo.uk-container.uk-container-large .uk-panel-box > div,
    .rivenditori-uikit .uk-panel-box > div {
        margin-top: 0px !important;
    }

    .yoo-zoo.uk-container.uk-container-large .uk-panel-box iframe,
    .rivenditori-uikit .uk-panel-box iframe {
        margin-top: 20px;
    }
}

.rivenditori-uikit a {
    font-weight: 500;
}

.rivenditori-teaser .text-arrow {
    color: #E41513;
}


/* CATALOGO APP */

.category-auto {
    background-image: url('../img/header-auto.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
}

.element-textareapro .uk-text-muted + p {
    margin-top: 0px;
}
.product-teaser .element-textpro .uk-text-muted + * {
    font-weight: 500;
}

.product-teaser .title a {
    font-weight: 500;
}

.serie {
    color: #9b9c9d!important;
}

.serie span {
    color: #E41513!important;
    font-weight: 500;
}

.serie-full {
    font-weight: 500;

}

.caratteristiche img {
    max-width: 80px;
}

.uk-button.find-your-oil {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #242424;
}
.uk-button.find-your-oil:hover {
    background: #ffffff !important;
    color: #E41513 !important;
    border-color: #ffffff;
}

.catalogo-related .uk-card {
    background-color: #EBECEC;
    overflow: hidden;
}
.catalogo-related .media {
    position: absolute; height:100%; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center
}
.catalogo-related .patch {
    position: absolute; top: 0px; left: 0px; height: 100%; width: auto;
    transition: 0.5s ease all;
}

.catalogo-related:hover .patch {
    left: -10px;
}
.uk-section-primary .uk-card-default p,
.uk-section-primary .uk-card-default h1,
.uk-section-primary .uk-card-default h2,
.uk-section-primary .uk-card-default h3,
.uk-section-primary .uk-card-default h4,
.uk-section-primary .uk-card-default h5,
.uk-section-primary .uk-card-default h6 {
    color: #242424 !important;
}
.uk-section-primary .uk-card-default label {
    color: #9B9C9D !important;
}
.uk-section-primary .uk-card-default .uk-button {
    background: #E11A21;
    border-color: #E11A21;
}

.uk-section-primary .uk-card-default .uk-button:hover {
    color: #E11A21 !important;
    background: transparent;
    border-color: #E11A21;
}
.uk-section-primary .uk-card-default .contact-pro-container input[type="text"] {
    border-color: #C0BFBF;
}
.uk-section-primary .uk-card-default .contact-pro-container textarea {
    min-height: 200px;
    margin-bottom: 20px;
    min-width: 100%;
    color: #242424 !important;
}
.uk-section-primary .uk-card-default .contact-pro-container ::placeholder {
    color: #dadada !important;
}
.uk-section-primary .uk-card-default .contact-pro-container .button-submit {
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -40px;
    width: calc(100% + 80px);
    display: block;
    z-index: 30;
}

.uk-tile-primary .contact-pro-container ::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

.uk-preserve-color .contact-pro-container .uk-textarea {
    border-color: #ffffff;
}

.uk-preserve-color .contact-pro-container .uk-width-3-5\@m:before {
    border-left: 3px solid #EAEAEA !important;
}

@media (max-width: 960px) {

    .uk-preserve-color .contact-pro-container .uk-width-3-5\@m:before {
        content: none;
    }
}

.contact-pro-container .uk-form-label {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 400;
}

.text-field {
    margin-top: 90px;
}
.text-field-product {
    margin-top: 70px;
}

.uk-tile-primary:not(.uk-preserve-color) textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

@media (max-width: 1199px) {
    .uk-section-primary .uk-card-default .contact-pro-container .button-submit {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
        width: calc(100% + 40px);
    }
    .text-field {
        margin-top: 90px;
    }
    .text-field-product {
        margin-top: 70px;
    }
}

@media (max-width: 959px) {
    .text-field {
        margin-top: 20px;
    }
    .text-field-product {
        margin-top: 20px;
    }
}

.uk-section-primary .uk-card-default .uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 1px solid #000;
}
.uk-section-primary .uk-card-default .contact-pro-container label a {
    color: #E11A21;
    font-weight: bold;
}
.uk-section-primary .uk-card-default .contact-pro-container .uk-checkbox {
    border-color: #A6A7A7;
    border-radius: 2px;
}

.product-img {
    /*border: 2px solid yellow; /*For test*/
    padding-top: 100px;
    top: 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-height: 300px;
    height: calc(50vw - 100px);
    max-height: 550px;
    /*max-width: 50%;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-img img{
    /*border: 2px solid yellow; /*For test*/
    width: auto;
    max-height: 600px;
}


.catalogo-uikit .uk-slider-items > li .catalogo-related > div {
    min-height: 250px;
}

.catalogo-uikit .uk-slider-items > li .catalogo-related .uk-button.uk-button-text {
    color: #E11A21;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0px;
}

.catalogo-uikit .uk-slider-items > li .catalogo-related .uk-button.uk-button-text:after {
    font-family: "pakelo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    content: '\e813';
    font-size:12px;
}

.ais-Pagination .ais-Pagination-item {
    padding-left: 3px;
    padding-right: 3px;
}
.ais-Pagination .ais-Pagination-item span, .ais-Pagination .ais-Pagination-item a {
    color: #242424;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #242424;
    padding-left: 5px;
    padding-right:5px;
}

.ais-Pagination .ais-Pagination-item.ais-Pagination-item--selected span,
.ais-Pagination .ais-Pagination-item.ais-Pagination-item--selected a {
    color: #ffffff;
    background: #242424;
}

.ais-Pagination .ais-Pagination-item.ais-Pagination-item--disabled span,
.ais-Pagination .ais-Pagination-item.ais-Pagination-item--disabled a {
    color: #C7C7C7;
    background: #ffffff;
    border-color: #C7C7C7;
}

.ais-CurrentRefinements a.uk-button-small {
    font-size: 15px;
    text-transform: none;
    font-weight: normal;
}
.ais-CurrentRefinements a.uk-button-small .uk-icon {
    margin-left: 10px;
}
.ais-CurrentRefinements a.uk-button-small .uk-icon svg {
    margin-top: -2px;
}

.ais-RefinementList-title,
.filters h5 {
    font-weight: 700;
    margin-bottom: 10px;
}

.filters h5 + hr {
    margin-top: 10px;
}

.filters .uk-background-secondary .uk-text-right a {
    font-size: 14px;
    text-decoration: underline;
}


.catalogo-uikit img + .uk-position-cover.uk-flex.uk-flex-middle.uk-flex-right.uk-light.uk-padding{
    padding-top: 120px;
}

.catalogo-uikit hr.uk-width-large {
    max-width: 350px;
}

@media(min-width: 1200px) {
    .catalogo-uikit .uk-width-3-5\@l .uk-inline-clip > img {
        /*transform: translate(-10%, 0px);*/
        min-height: 400px;
        height: 50vw;
        max-height: 650px;
        width: auto;
        max-width: none;
        /* position: relative; */
        /* right: 0px; */
        float: right;
    }

    .uk-width-3-5\@l + div .uk-flex.uk-flex-middle.uk-flex-left.uk-padding  {
        padding-top: 120px;
    }

    .catalogo-uikit.catalogo-uikit-search .uk-width-3-5\@l .uk-inline-clip > img {
        /*transform: translate(-10%, 0px);*/
        min-height: 550px;
        height: 45vh;
        max-height: 650px;
        width: auto;
        max-width: none;
        /* position: relative; */
        /* right: 0px; */
        float: right;
    }

    .catalogo-uikit.catalogo-uikit-search h1.title-shadow {
        max-width: 70%
    }
}

@media(max-width: 1199px) {
    .catalogo-uikit .uk-width-3-5\@l .uk-inline-clip > img {
        transform: translate(-10%, -20%);
        max-width: 160%;
        width: 130%;
    }

    .catalogo-uikit .uk-width-3-5\@l .uk-inline-clip  {
        max-height: 500px;
    }
}
@media(max-width: 479px) {
    .catalogo-uikit .uk-width-3-5\@l .uk-inline-clip > img {
        transform: translate(-10%, 0px);
        max-width: 180%;
        width: 180%;
    }
}
img.cc-icon {
    height: 20px;
    width: auto;
    margin-top: -5px;
    margin-left: 5px;
}

.features-icons img {
    height: 35px;
    width: auto;
}
.features-icons {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.features-icons li{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 5px;
    margin-right: 5px;
}
.features-icons li:first-child {
    margin-left: 0px;
}

.equipment-page-full ul {
    padding-left: 20px;
    position: relative
}

.equipment-page-full > div > div > ul:before {
    content: '\e829';
    font-family: 'pakelo';
    font-size: 15px;
    position:absolute;
    top: 0px;
    left: 0px
}

.equipment-page-full {
    padding-right: 80px;
}

.equipment-page-full > div {
    margin-left: 0px;
}

.equipment-page-full hr {
    border-bottom-width: 2px;
    margin-top: 10px;
}
.equipment-page-full .uk-flex-between > b {
    font-size: 20px;
    font-weight: 700;
}

.catalogo-uikit .uk-tile-default > .uk-width-2-5-large {
    z-index: 99;
}
.catalogo-uikit .uk-tile-default {
    padding-top: 80px;
    padding-bottom: 40px;
}

@media (max-width: 959px) {
    .catalogo-uikit .uk-tile-default {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.catalogo-uikit .related-slider .uk-card-body {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}


.catalogo-uikit .related-slider img {
    transform: scale(1.3);
}

@media (max-width: 959px) {
    .catalogo-uikit .related-slider {
        margin-top: 60px;
        margin-bottom: 50px;
    }
}

.catalogo-uikit .uk-button.find-your-oil {
    padding: 10px 40px;
}

.catalogo-uikit .uk-button.find-your-oil > .icona-find-your-oil {
    margin-left: 15px;
}

/* MENU TOGGLE ANIMATION */
.menu-toggle-icon,
.uk-navbar-toggle-icon {
    transition: 0.5s ease all;
}
.menu-toggle-icon svg > rect{
    transform: rotate(0deg) translate(0px, 0px);
    transition: 0.5s ease all;
}

.tm-header-mobile .menu-toggle-icon svg {
    transform: scale(0.75);
}

.uk-navbar-right .menu-toggle-icon svg {
    fill: #ffffff;

    width: 33px;
}
.uk-navbar-right.menu-opened .menu-toggle-icon svg > rect:nth-child(1),
.uk-modal-page .menu-opened .menu-toggle-icon svg > rect:nth-child(1) {
    opacity: 0;
}

.uk-navbar-right.menu-opened .menu-toggle-icon svg > rect:nth-child(2),
.uk-modal-page .menu-opened .menu-toggle-icon svg > rect:nth-child(2) {
    -webkit-transform: rotate(45deg) translate(6px, -15px);
    -moz-transform: rotate(45deg) translate(6px, -15px);
    -o-transform: rotate(45deg) translate(6px, -15px);
    transform: rotate(45deg) translate(6px, -15px);
}


.uk-navbar-right.menu-opened .menu-toggle-icon svg > rect:nth-child(3),
.uk-modal-page .menu-opened menu-toggle-iconz.menu-toggle-icon svg > rect:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(-15px, 6px);
    -moz-transform: rotate(-45deg) translate(-15px, 6px);
    -o-transform: rotate(-45deg) translate(-15px, 6px);
    transform: rotate(-45deg) translate(-15px, 6px);
}


.uk-navbar-right.menu-opened .menu-toggle-icon svg > rect:nth-child(4),
.uk-modal-page .menu-opened .menu-toggle-icon svg > rect:nth-child(4) {
    opacity: 0;
}

#find-your-oil-modal {
    background: rgba(0,0,0,0.2);
    height: 100vh !important;
    transition: none;
    animation: none;
    z-index: 999999;
}

#find-your-oil-modal label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 500px;
    max-width: 100%;
}

#find-your-oil-modal input[type="text"] {
    font-style: italic;
}

#find-your-oil-modal > div {
    width: calc(100% - 40px);
    max-width: 500px;
    max-height: 100vh;
    overflow: auto;
}

.catalogo-uikit .ais-Hits .title-row {
    margin-bottom: 10px;
}

.catalogo-uikit .ais-Hits .title-row + hr {
    margin-top: 10px;
}

/*.catalogo-uikit .ais-Hits > div > div {
    margin-top: 30px;
    margin-bottom: 30px;
}*/

.catalogo-uikit .ais-Hits .uk-card {
    padding: 20px;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    transition: 0.5s ease box-shadow;
}

.catalogo-uikit .ais-Hits .uk-card > .uk-width-expand {
    margin-top: 15px;
}
.catalogo-uikit .ais-Hits .uk-card .uk-media-left {
    padding-left: 0px;
}

.catalogo-uikit .ais-Hits .uk-card:hover {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.catalogo-uikit .ais-Hits > div > div .uk-card-media-left img {
    transform: scale(1.3);
}

@media (max-width: 1199px) {

    .catalogo-uikit .uk-width-3-5\@l img {
        max-width: 130% !important;
        width: 130% !important;
        float: left !important;
    }

    .product-img {
        transform: translateX(0);
        transform: translateY(100px);
        right: 0px;
    }

    .product-img img {
        margin-bottom: -20px;
    }

}

@media (max-width: 959px) {
    .catalogo-uikit .ais-Hits .uk-card {
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        padding: 20px;
        margin-left: 0px;
    }
    .catalogo-uikit .ais-Hits > div > div .uk-card-media-left {
        padding-left: 0px;
    }

    .catalogo-uikit .ais-Hits > div > div .uk-card-media-left img {
        transform: scale(1);
    }

    .catalogo-uikit .ais-Hits > div > .uk-width-1-1 {
        margin-top: 0px;
    }

    .catalogo-uikit .uk-width-3-5\@l {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        max-height: 350px;
        overflow: hidden;
    }

    .catalogo-uikit.catalogo-uikit-item .uk-width-3-5\@l {
        max-height: 200px;
    }

    .catalogo-uikit.catalogo-uikit-item .uk-width-3-5\@l,
    .catalogo-uikit.catalogo-uikit-item .uk-width-3-5\@l .uk-inline-clip {
        max-height: 200px;
    }

    .catalogo-uikit .uk-width-3-5\@l .uk-inline-clip {
        max-height: 400px;
    }

    .catalogo-uikit .uk-width-3-5\@l img {
        max-width: 250% !important;
        width: 250% !important;
        float: left !important;
    }

}

@media (max-width: 639px) {
    .catalogo-uikit .ais-Hits > div > div .uk-card-media-left img {
        transform: scale(1.3);
    }
}


@media (max-width: 400px) {
    .catalogo-uikit .ais-Hits > div > div .uk-card-media-left img {
        transform: scale(1.7);
    }
}


/* ANIMATIONS */
.bump {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
    animation: bumping 2s linear infinite;
}

.bump.uk-position-bottom-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    left: calc(50% - 45px);
}

@keyframes bumping {
    0% {
        transform: translateY(0px);
    }

    70% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* POST PRESENTAZIONE */
.footer-logo {
    height: 50px;
    border-bottom: 1px solid #ffffff;
}
.footer-il-sito .el-title {
    height: 50px;
    border-bottom: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer-title {
    height: 50px;
    border-bottom: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.olio-giusto > div{
    height: 100%;
}

/*.panel-navbar {
    background-color: #ffffff;
    border: 1px solid #000000;
    height: 48px !important;
    max-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 14px;
}*/

.pakelo-window-italy {
    z-index: 99;
    position: relative;
    margin-bottom: -240px;
    height: 80vh;
}

.pakelo-window-italy-text {
    margin-top: -250px;
}

.pakelo-window-italy-text .uk-tile {
    padding-top: 300px;
}

.pakelo-window-italy-text .panel-skew {
    margin-top: -130px;
    z-index:1009;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

@media (min-width: 960px) {
    .pakelo-window-italy-text .uk-column-1-2\@m {
        padding-left: 20px;
    }
}

@media (max-width: 959px) {
    .pakelo-window-italy-text .panel-skew {
        padding: 10px;
        margin-top: -120px;
        margin-left: -20px;
        max-width: 180px;
    }

    .pakelo-window-italy-text .panel-skew .uk-h2 {
        font-size: 23px;
    }
    .pakelo-window-italy {
        height: 400px;
    }
    .pakelo-window-italy-text .uk-column-2-3\@m {
        padding-left: 15px;
    }
}

@media (max-width: 640px) {
    .pakelo-window-italy {
        height: 300px;
    }
    .pakelo-window-italy-text .panel-skew {
        margin-left: -15px;
    }
}


.uk-position-bottom-right.uk-width-3-5-large {
    padding-left: 60px;
    padding-right: 40px;
}

@media (min-width: 1200px) {
    .uk-position-bottom-right.uk-width-3-5-large {
        max-width: 940px;
        padding-left: 80px;
        padding-right: 40px;
    }
}

.job-form-margin-negative{
    margin-top: -400px;
}

.job-form-margin {
    margin-top: 400px;
}

.uk-section-primary:not(.uk-preserve-color) .uk-input[name="file_text"] {
    color: #242424 !important;
    border-color: #C0BFBF !important;
}


.job-form-margin-negative textarea {
    border: 1px solid #C0BFBF;
}

button.uk-button-primary {
    color: #ffffff !important;
}

button.uk-button-primary:hover {
    color: #E11A21 !important;
}
.hidden {
    display: none;
}

.ais-RefinementList-count {
    float: right;
    color: #9b9c9d;
}

.ais-RefinementList-item {
    font-size: 14px;
    letter-spacing: 0px;
}

.ais-RefinementList-item input[type="checkbox"] {
    border-color: #E11A21;
    margin-right: 3px;
}

.accordion-certificazioni .uk-accordion-title,
.accordion-strumenti .uk-accordion-title,
.accordion-job .uk-accordion-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.accordion-certificazioni .uk-accordion-title:before {
    margin-left: 0px;
}
.accordion-strumenti .uk-accordion-title:before,
.accordion-job .uk-accordion-title:before {
    margin-left: 0px;
    margin-right: 10px;
}

.accordion-certificazioni .uk-accordion-title img {
    margin-right: 20px;
    margin-left: 20px;

}
.certificazioni-header {
    position: relative;
}
.certificazioni-header .el-content {
    margin-top: 12vw !important;
    margin-left: 12vw !important;
}

.dealers-form-container {
    padding-left: 40px;
}

@media (max-width: 959px) {
    .dealers-form-container {
        padding-left: 0px;
    }

    #module-149 h3 {
        padding-left: 0px;
    }
}

.acym_module_form label {
    width: 100%;
}

.slideshow-story .uk-position-top-right.uk-position-small {
    right: 50px;
    top: -70px;
}

.rivenditori-uikit h1.uk-h3 {
    font-size: 40px;
    text-transform: uppercase !important;
}
.juicer-feed.modern li.feed-item {
    border: 0px !important;
}
.pakeloheroes-slider h3 {

}

input[type=checkbox]:not([class*=uk-]):checked:focus {
    background-color: #E11A21;
}

.catalogo-uikit .muted-bold + hr + .element-textpro > .uk-text-bold {
    margin-right: 5px;
}

.catalogo-uikit .muted-bold + hr + .element-textpro > .uk-text-bold:after {
    content: '·';
    margin-left: 5px;
}

.catalogo-uikit .muted-bold + hr + .element-textpro > .uk-text-bold:last-child:after {
    content: '';
    margin-left: 0px;
}

.panel-navbar {
    margin-right: -1px;
}

.with-auto-mail {
    max-width: 210px;
}

/* Contatti */
.grid-contatti img {
    width: 30px;
}


/* RESPONSIVE */

#tm-mobile.uk-modal-full {
    background: #E41513;
    z-index: 1050;
}

#tm-mobile.uk-modal-full .uk-nav > li a[class*="icona-"]:before {
    background: #ffffff;
    color: #E41513;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0px;
    border-radius: 17px;
    font-size: 34px;
    transition: 0.1s ease all;
}

#tm-mobile.uk-modal-full .uk-nav > li a {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #ffffff;
    padding: 3px;
}

#tm-mobile.uk-modal-full .uk-modal-body .uk-bullet-social:before {
    content: "/";
    color: #4A4A49;
    font-size: 25px;
    font-weight: 500;
}

@media (max-width: 959px) {

    h1, .uk-h1 {
        font-size: 32px;
    }
    h2, .uk-h2 {
        font-size: 30px;
    }

    .panel-skew-gradient .uk-h2 {
        font-size: 25px;
    }

    .uk-text-lead, .panel-skew-gradient p.uk-text-lead {
        font-size: 18px;
    }

    /*.tm-header-mobile {
        position: fixed;
        z-index: 1060;
        width: 100vw;
        /*margin-top: 20px;
        background: #e11a21;
    }*/

    .tm-header-mobile {
        background: #e11a21;
    }

    .tm-header-mobile .uk-navbar-container {
        background: #e11a21 !important;
        background: #e11a21;
    }


    .uk-navbar-item.uk-logo {
        max-height: 60px;
        min-height: 60px;
        padding-left: 0px;
    }

    .uk-navbar-item.uk-logo img {
        max-width: 150px;
    }

    /*.uk-navbar-right > .uk-navbar-toggle {
        padding-right: 25px;
    }*/

}





/* MOBILE FILTERS */
@media (max-width: 959px) {
    #pakelo-filters {
        position:fixed;
        z-index: 30000;
        bottom:0px;
        left: 0px;
        width: 100%;
        display: block;
    }

    #pakelo-filters span.filters {
        display: none;
    }

    #pakelo-filters span.filters.open {
        display: block;
    }

    #pakelo-filters div.filters {
        max-height: 0px;
        background-color: #ffffff;
        padding: 0px;
        height: 100%;
        transition: ease all 0.5s;
        overflow: hidden;
    }

    #pakelo-filters div.filters > div {
        padding: 40px 20px 40px 20px;
    }

    #pakelo-filters div.filters.open {
        max-height: 100vh;
        overflow: auto;
    }

    #pakelo-filters div.filters .uk-card-secondary select {
        margin-top: 10px;
    }

    #pakelo-filters div.filters .uk-card-secondary [class*="icona-"]:before {
        font-size: 25px;
    }

    #pakelo-filters span.filters > div {
        display: inline-block;

    }
}

.filters-mobile-toggle-button {
    display: flex;
    justify-content: space-between;
    background-color: #242424;
    color: #ffffff;
    padding: 15px;
    z-index: 2000;
}

.filters-mobile-toggle-button span {
    color: #ffffff; !important;
    text-transform: uppercase;
}
.filters-mobile-toggle-button .red-button {
    background-color: #E11A21;
    margin: -15px;
    padding: 15px 30px;

}


@media (min-width: 960px) {
    hr.hr-margin{
        margin-top: 50px;
    }
}

.filter-more-button {
    background: #f1f1f1;
    width: 100%;
    height: 25px;
    line-height: 25px;
}

/* JUICER FIXES */

.j-overlay .j-close {
    padding: 10px;
    margin-top: 7px;
    margin-right: 7px;
}
.j-overlay .j-navigate {
    margin-bottom: 5px;
    margin-right: 7px;
}

.j-post-overlay.juicer-feed a.juicer-button {
    border: 2px solid #3A3A3A;
    color: #3A3A3A;
}

.j-post-overlay.juicer-feed a.juicer-button:hover{
    background: #3A3A3A;
    color: #fff;
}

.juicer-feed .j-paginate.juicer-button {
    background: #ffffff;
    color: #242424;
    border: 1px solid #242424 !important;
}

.juicer-feed .j-paginate.juicer-button:hover {
    background: #242424;
    color: #ffffff;
    border: 1px solid #242424 !important;
}


/* Printing */
.print-icon img {
    height: 30px;
}
.for_prints {
    display: none;
}
@media print {

    .tm-header-mobile, .tm-header {
        display: none;
    }

    .ais-Hits .uk-card-media-left {
        display: block;
        width: 20%;
        margin-bottom: 40px;
    }
    .ais-Hits .uk-width-5-6\@m {
        display: block;
        width: 100%;
    }

    #pakelo-filters {
        display: none;
    }

    #tm-bottom, #tm-bottom + div {
        display: none;
    }

    .for_prints {
        display: block;
    }

    .ais-InstantSearch .uk-section-default.uk-section.uk-padding-remove-vertical {
        display: none;
    }

}

.search-not-found{
    margin-bottom: 20px;
    border: 1px solid #242424;
    padding: 10px;
}

.j-message a {
    color: #242424 !important;

}
.j-message a:hover {
    color: #E11A21 !important;

}

[v-cloak] {
    display: none;
}

@media (min-width: 1200px) {
    .catalogo-uikit .uk-width-3-5\@l {
        /* border: 2px solid blue;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;*/
        width: 55%;
    }
    .catalogo-uikit .uk-width-3-5\@l + div > .uk-tile {
        /* border: 2px solid blue;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;*/
        padding-left: 140px;
        padding-top: 120px;
    }
    .catalogo-uikit .product-img, .catalogo-uikit .product-img img {
        /*border: 2px solid lightgreen;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;*/
    }
}

.j-meta .comments,
.j-meta .likes {
    color: #BABABA !important;
}

.j-paginate.juicer-button {
    margin-bottom: 0px;
}

.serie-full {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* MIGLIORIE */
#module-116 .uk-width-expand\@m.uk-first-column .uk-tile {
    padding-right: 100px;
}
#find-your-dealer .uk-select,
#find-your-dealer input#map {
    background-color: #F7F7F7;
}

#find-your-dealer .uk-button {
    margin-top: 0px !important;
    background: #E11A21;
    color: #ffffff;
}

#find-your-dealer .uk-button:hover {
    color: #ffffff !important;
}

#find-your-dealer input#mapp {
    width: calc(100% - 120px) !important;
    height: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
    padding: 5px;
}

#find-your-dealer input#mapp:focus-visible {
    outline: 0px;
}



.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox {
    background-color: #ffffff;
}

.acym__content input[type="checkbox"] {
    margin-left: 10px;
}
#field_5 {
    margin-top: 30px;
    display: flex;
    font-size: 11px;
    line-height: 1.5;
    color: #9B9C9D !important;
}
#field_5 label{
    display: initial;
}
#field_5 label a {
    color: #E11A21;
    font-weight: bold;
}
#field_5 .acym__users__creation__fields__title {
    display: none;
}
#field_5 input {
    position: absolute;
    left: 0px;
    top: 2px;

}
#field_5 label {
    padding-left: 35px;
    position: relative;
}

h1 + h4 > a {
    color : #E11A21;
}

button:not([disabled="disabled"]):hover,
button:not([disabled]):hover {
    color: #ffffff !important;
}
button[disabled="disabled"],
button[disabled] {
    background-color: #DCE0E1 !important;
    color: #ffffff !important;
}

button[disabled="disabled"]:hover,
button[disabled]:hover {
    background-color: #DCE0E1 !important;
    color: #ffffff !important;
}

.related h3 {
    font-weight: 700;
    letter-spacing: 0px;
}

span.uk-text-small.uk-text-uppercase {
    margin-top: -3px;
    display: block;
}

.uk-alert-warning {
    background: transparent;
    color: #E11A21;
    border-color: #E11A21;
}
@media (max-width: 959px) {
    /*.page-header-pakelo > div > .uk-container {
        margin-top: 40px;
    }

    .page-header-pakelo {
        padding-top: 80px;
    }*/
}

.catalogo-uikit .uk-width-3-5\@l img.icona-category-full {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

@media (max-width: 1199px) {
    .catalogo-uikit .uk-width-3-5\@l img.icona-category-full {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        margin-top: -5px;
        margin-right: 15px;

    }
}

.sample-tutorial .uk-slider-items li:hover .uk-overlay-primary, .sample-tutorial .uk-slider-items  li:hover .uk-overlay {
    opacity: 0;
}

.sample-tutorial .uk-slider-items li .uk-overlay-primary, .sample-tutorial .uk-slider-items li .uk-overlay {
    transition: 0.5s ease all;
}

.sample-tutorial .uk-slider-items li {
    width: 40%;
}

.sample-tutorial .uk-slider-items li .slidenav-outside {
    right: 0px;
}

@media (max-width: 959px) {
    .catalogo-uikit .uk-section.uk-section-primary.uk-preserve-color {
        margin-bottom: 150px;
    }

    .uk-hidden\@m .aisPaginationList.uk-subnav>* {
        padding-left: 5px;
    }

    .aisPaginationList .icona-arrow-left:before {
        font-size: 25px;
    }
    .aisPaginationList .icona-arrow-left.disabled:before {
        color: #e0e0e0;
    }
    .aisPaginationList .icona-arrow-right:before {
        font-size: 25px;
    }
    .aisPaginationList .icona-arrow-right.disabled:before {
        color: #e0e0e0;
    }
    .aisPaginationList {
        font-size: 10px;
    }

    #pakelo-filters input::placeholder {
        font-size: 13px;
    }

    .icona-cerca-rivenditore:before {
        margin-right: 10px;
    }
    .uk-child-width-1-2.uk-grid + .hr-bold {
        margin-top: 5px;
    }
    .panel-navbar {
        max-width: none;
        /*justify-content: space-between;*/
    }
}


/* 404 Page */

.page-error-message .uk-h3 {
    line-height: 30px;
    font-size: 26px;
}

.page-error-message a {
    color: #E11A21 !important;
    text-decoration: underline;
}

.page-error-message .uk-heading-xlarge {
    font-weight: 600;
}

@media (max-width: 1199px) {
    .uk-width-2-5-large .uk-h1 {
        margin-top: 30px;
    }
}


@media(max-width: 959px) {
    .uk-padding-mobile-top {
        padding-top: 90px;
    }

    .uk-section.uk-section-default.pakelo-filter {
        padding-top: 0px;
    }

    .ais-Hits .uk-card-media-left.uk-width-2-5 + .uk-width-expand.uk-flex-top {
        align-items: center;
        margin-top: 0px;
    }
}


/* After update */

@media (min-width: 960px) {
    #module-122 {
        padding-left: 50px;
    }
}


#system-message-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}


.uk-description-list-horizontal > dt {
    width: 160px;
    font-family: inherit;
    float: left;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.uk-description-list-horizontal > dd {
    margin-left: 180px;
}

.uk-description-list.uk-description-list-horizontal > dt:nth-child(n+2) {
    margin-top:0;
}

.uk-text-small\@m {
    font-size: 14px;
    line-height: 1.5;
}

@media (min-width: 960px) {
    .uk-text-small\@m {
        font-size: inherit;
        line-height: inherit;
    }
}

#footer-dealers-section {
    margin-top: 180px;
}






/** FIND YOUR OIL NEW **/
.find-your-oil-search {
    font-size: 42px;
    font-family: Formular;
    font-weight: 900;
    padding: 0;
    line-height: 1.5;
    height: 60px;
    width: auto;
}

.find-your-oil-search-container {
    background: #ffffff;
    position: relative;
    height: 59px;
}

.find-your-oil-search.empty {
    color: #dce0e1;
}


.find-your-oil-products > li > a:hover {
    text-decoration: underline!important;
    color: #E41513;
}

.uk-table-heading thead th {
    background: #242424;
    color: #fff;
    text-transform: uppercase;
    font-family: Formular;
    font-weight: 900;
    font-size: 16px;
    border-right: 1px solid #dce0e1;
}

.uk-table-heading thead th:last-child {
    border-right: none;
}

.uk-table-heading thead select.uk-select {
    border-bottom: none !important;
    width: auto
}

.uk-table-heading thead td {
    padding: 4px;
}

.uk-table-heading thead tr:last-child {
    border-bottom: 3px solid #E41513;
}

.uk-table-heading tbody td {
    border-left: 1px solid #dce0e1 ;
    font-weight: bold;
}

.uk-table-heading tbody td:last-child {
    border-right: 1px solid #dce0e1 ;
}

.uk-table-heading tbody tr:hover {
    color: #E41513;
    text-decoration: underline;
    cursor: pointer;
}

.uk-table-heading tbody tr:last-child {
    border-bottom: 1px solid #dce0e1 ;
}

img.cc-icon, .cc-icon img  {
    height: 20px;
    width: auto;
    margin-top: -5px;
    margin-left: 5px;
}


.uk-button.uk-button-secondary:not([disabled="disabled"]):hover,
.uk-button.uk-button-secondary:not([disabled]):hover {
    color: #242424 !important;
}


/** FIND YOUR OIL NEW **/
.find-your-oil-search {
    font-size: 26px;
    padding: 0;
    line-height: 1.5;
    height: 36px;
    width: auto;
    position: relative;
    color: #b6b6b6;
}

.find-your-oil-search:not(.empty):after {
    content: '';
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
}

.find-your-oil-search-container {
    position: relative;
    height: 45px;
    padding: 15px 30px;
}

.find-your-oil-search-container .uk-input {
    border-bottom: 0px;
}


@media (max-width: 649px) {
    .find-your-oil-search-container {
        height: 35px;
    }

    .find-your-oil-search {
        height: 36px;
        font-size: 24px;
        line-height: 35px !important;
    }
}


.find-your-oil-products > li > a:hover {
    text-decoration: underline!important;
    color: #E41513;
}

.uk-table-heading thead th {
    background: #242424;
    color: #fff;
    text-transform: uppercase;
    font-family: Formular;
    font-weight: 900;
    font-size: 16px;
    border-right: 1px solid #dce0e1;
}

.uk-table-heading thead th:last-child {
    border-right: none;
}

.uk-table-heading thead select.uk-select {
    border-bottom: none !important;
    width: auto
}

.uk-table-heading thead td {
    padding: 4px;
}

.uk-table-heading thead tr:last-child {
    border-bottom: 3px solid #E41513;
}

.uk-table-heading tbody td {
    border-left: 1px solid #dce0e1 ;
    font-weight: bold;
}

.uk-table-heading tbody td:last-child {
    border-right: 1px solid #dce0e1 ;
}

.uk-table-heading tbody tr:hover {
    color: #E41513;
    text-decoration: underline;
    cursor: pointer;
}

.uk-table-heading tbody tr:last-child {
    border-bottom: 1px solid #dce0e1 ;
}

img.cc-icon, .cc-icon img  {
    height: 20px;
    width: auto;
    margin-top: -5px;
    margin-left: 5px;
}

.uk-button.uk-button-secondary:not([disabled="disabled"]):hover,
.uk-button.uk-button-secondary:not([disabled]):hover {
    color: #242424 !important;
}

.uk-button.uk-button-muted:not([disabled="disabled"]):hover,
.uk-button.uk-button-muted:not([disabled]):hover,
.uk-button.uk-button-primary:not([disabled="disabled"]):hover,
.uk-button.uk-button-primary:not([disabled]):hover,
.uk-button.uk-button-default:not([disabled="disabled"]):hover,
.uk-button.uk-button-default:not([disabled]):hover {
    color: #e41513 !important;
}

.uk-container-mini {
    max-width: 480px;
}


.uk-text-small {
    font-size:13px;
}

.uk-accordion>li {
    border: 1px solid #e41513;
    padding: 10px;
}

.uk-accordion-title > h5 {
    line-height: 1.6em;
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 0;
    border-top: 1px solid #e41513;
}

.uk-accordion>li {
    padding: 0px;
}

.uk-accordion>li .uk-accordion-title {
    padding: 10px;
}

.uk-accordion>li.uk-open .uk-accordion-title {
    background: #e41513;

}

.uk-accordion>li.uk-open .uk-text-primary {
    color: #fff !important;
}

.uk-accordion>li.uk-open h5 {
    color: #fff;
}

.uk-accordion .uk-accordion-content {
    margin-top: 0;
}

.uk-accordion>li.uk-open .uk-accordion-content {
    background: rgb(237,237,237);
    padding: 20px 10px 20px 10px;
}

.find-your-oil-scrollbar {
    bottom: 0;
    right: 0;
    z-index: 9999;
    text-transform: uppercase;
}

.find-your-oil-scrollbar li {
    height: 50px;
    padding: 0 5px;
}

.find-your-oil-scrollbar li.uk-active {
    background: #e41513;
}

@media (min-width: 960px) {
    .icona-find-your-oil-svg {
        margin-right: 10px
    }
}

.find-your-oil-header-separator {
    min-height: 150px;
    height: 150px;
}

@media (max-width: 959px) {
    .find-your-oil-header-separator {
        min-height: 90px;
        height: 90px;
    }
}

.uk-button-muted {
    background-color: #efefef;
}

.catalogo-uikit .uk-button.find-your-oil.find-your-oil-inverted {
    background: #ffffff !important;
    color: #E41513 !important;
    border-color: #ffffff;
}

.catalogo-uikit .uk-button.find-your-oil.find-your-oil-inverted:hover {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #242424;
}

.uk-section-primary:not(.uk-preserve-color) .uk-form-label .uk-text-primary{
    color: #e41513!important;
}

#module-119  .uk-button-navbar,
#module-127 .uk-button-navbar {
    background: #ffffff;
    color:#242424;
}
#module-119  .uk-button-navbar:hover,
#module-127 .uk-button-navbar:hover {
    background: #242424;
    color:#ffffff;
}

.rivenditori-svg-logo {
    width: 100px;
}

.fascia-magazine .el-overlay {
    background: transparent;
    background-image: linear-gradient(90deg, rgba(62,62,59,0.00) 0%, #1D1D1B 80%, #1D1D1B 100%);
}

.fascia-magazine .button-magazine {
    background: #E20714;
    color: white;
    padding: 6px 60px;
    transition: 0.2s ease-in-out;
    border: 1px solid #E20714;
}

.fascia-magazine .uk-overlay {
    margin-right: 150px;
}

.fascia-magazine .button-magazine:hover {
    background: transparent;
}

.fascia-magazine .el-content {
    text-align: left;
}

@media(max-width:  960px) {
    .fascia-magazine .el-image {
        min-height: 380px;;
        object-fit: cover;
    }

    .fascia-magazine .uk-overlay {
        padding: 40px;
    }

    .fascia-magazine .el-overlay {
        background-image: linear-gradient(90deg, rgba(62,62,59,0.5) 0%, #1D1D1B 70%, #1D1D1B 100%)
    }
}

.slider-homepage.test .el-item .uk-position-bottom {
    height: 100%;
}

.slider-homepage.test .el-item .uk-panel.uk-padding {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(27,38,44,.5) 0%, rgba(27,38,44,0) 20%, rgba(27,38,44,0.4472163865546218) 62%, rgba(27,38,44,1) 100%)
}

.slider-homepage.test .el-item .uk-panel.uk-padding .el-meta {
    order: -1;
    flex: 1;
    margin: 0!important;
}

.slider-homepage.test .el-item .el-title {
    font-size: 25px;
    padding-bottom: 0px;
}

.slider-homepage.test .el-item .uk-link-toggle:hover .el-link {
    color: white!important;
}

.slider-homepage.test .el-item .el-link.uk-link-text:after {
    content: url(../images/arrow-right.svg);
    display: inline-block;
    padding-left: 10px;
}

.slider-homepage.test .el-item .el-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background: #e41513;
    margin-top: 20px;
}

@media (min-width: 960px) {
    .homepage-expand-right > .uk-container {
        padding-right: 0!important;
        max-width: calc(50% + (1400px / 2))!important;
        margin-right: 0!important;
    }
}

.homepage-modulo-ricerca select {
    background-color: #fff!important;
    color:  #202020!important;
    padding: 0 25px!important;
    height: 45px!important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23242424%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23242424%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}


.homepage-modulo-ricerca .uk-button {
    background: transparent!important;
    color:  white!important;
    padding: 3px 40px;
    border: 1px solid white!important;
}

.homepage-modulo-ricerca .uk-button:hover {
    background: white!important;
    color: transparent!important;
}

.homepage-modulo-ricerca > .uk-panel {
    margin-top: 0!important;
}

.homepage-pakelo-world a.el-container > .uk-panel {
    height: 100%;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.75) 100%);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.homepage-slideshow-header .uk-position-cover {
//background: linear-gradient(90deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.00) 100%);
}

.slider-homepage.test a.uk-slidenav-next {
    background: #e41513;
    padding: 20px 25px;
    margin-right: 80px;
}

.slider-homepage.test a.uk-slidenav-previous {
    display: none;
}

.slideshow-magazine-homepage .el-title {
    font-size: 24px;
    text-transform: none;
}

.slideshow-magazine-homepage a.el-link.uk-link-text {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.slideshow-magazine-homepage a.el-link.uk-link-text:after {
    content: "";
    background: url(../images/arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 10px;
    width: 20px;
    display: inline-block;
    margin-left: 10px;
}

.slideshow-magazine-homepage .uk-position-cover.uk-overlay-primary, .slideshow-magazine-homepage .uk-position-cover.uk-flex {
    background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.70) 100%);
}

.slideshow-magazine-homepage .uk-subnav.uk-subnav-pill li span {
    background: #e41513!important;
    text-transform: none;
    color: white!important;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 11px;
    border: 1px solid #e41513 !important;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 3px 5px;
}


.slideshow-magazine-homepage .slideshow-scroll {
    position: relative;
    display: block;
    height: 5px;
    width: 100%;
    background: #D6D6D6
}

.slideshow-magazine-homepage .slideshow-scroll:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 5px;
    width: 0%;
    background: #E41513;
    transition: 0.3s ease opacity;
    opacity: 0;
}


.slideshow-magazine-homepage .slideshow-scroll.scroll:before {
    animation: slidescroll 6s linear;
}

@keyframes slidescroll {
    0% {
        width: 0%;
        opacity: 0;
    }
    3% {
        opacity: 1;
    }

    97% {
        width: 100%;
        opacity: 1;
    }

    100% {
        width: 100%;
        opacity: 0;
    }
}

.homepage-fascia-filosofia.black {
    color: #242424!important;
    line-height: 25px;
}

.homepage-slideshow-header a.el-link.uk-button-default {
    background: transparent;
    border: 1px solid white;
    color: white;
    font-size: 14px;
    padding: 0 60px;
}

.homepage-slideshow-header a.el-link.uk-button-default:hover {
    background: white;
}

.slider-homepage.test.mobile {
    padding-left: 20px;
}

@media(max-width: 960px) {
    .fascia-homepage-polar {
        padding: 60px 20px;
    }

    .homepage-filosofia-produttiva {
        margin-bottom: 30px!important;
    }
    .slideshow-magazine-homepage {
        margin-bottom: 0!important;
    }
}

.homepage-slider-column .uk-slider .uk-card.uk-card-default {
    min-height: 250px;
}

.homepage-slider-column .uk-slider img {
    transform: scale(1.3);
}

.homepage-slider-column .text-arrow {
    color:  #D13326;
    font-weight:  bold;
}

.homepage-slider-column .text-arrow:after {
    transform: translateY(-1px);
}

@media(min-width: 960px) {
    .homepage.icona-pakeloheroes:before {
        transform: scale(1.7);
        border: 1px solid white;
        border-radius: 50%;
        margin-right: 20px;
    }
}

@media(max-width: 959px) {
    .homepage.icona-pakeloheroes:before {
        display: none;
    }
}

.footer-new > .uk-container > .uk-grid:nth-child(1) > div > div, .footer-new .certifications {
    border-bottom: 1px solid white;
    padding-bottom: 20px;
}

@media(min-width:  960px) {
    .footer-new ul.uk-list {
        margin-top: 0!important;
    }
}


.homepage-slideshow-header .el-content h4 {
    font-style: italic;
}

.homepage-slideshow-header .el-overlay .uk-button {
    background: #e41513;
    color: white;
    border: 1px solid #e41513;
}

.homepage-slideshow-header .el-overlay .uk-button:hover {
    background: white;
    color: #e41513;
}

.slideshow-magazine-homepage h3 {
    font-size: 20px!important;
    line-height: 1.2;
    font-weight: 600;
}

.homepage-slider-column .icona-arrow-left, .homepage-slider-column .icona-arrow-right {
    color: white;
    width:  44px;
    height: 44px;
    overflow:  hidden;
    display: inline-block;
    margin-right:  10px;
}

.homepage-slider-column .icona-arrow-left:before , .homepage-slider-column .icona-arrow-right:before {
    background: #e41513;
    font-size:  45px;
    margin:  0px;
}

@media (min-width: 960px) {
    .hp-video-section .uk-tile {
        padding-top:  200px !important;
        padding-bottom:  200px !important;

    }

    .hp-newsletter-section form {
        margin-top:  -100px;
    }
}

.hp-newsletter-section .red {
    color:  #e41513;;
}
.hp-newsletter-section .text-transform-normal {
    text-transform: none !important;
}

.hp-newsletter-section input[type="text"],
.hp-newsletter-section input[type="email"],
.hp-newsletter-section select,
.hp-newsletter-section input[type="text"]:focus,
.hp-newsletter-section input[type="email"]:focus,
.hp-newsletter-section select:focus {
    background:  transparent;
    color: #e41513;
    font-weight: bold;
}

.argument-checkbox label {
    width: 44%;
    margin:  0px;
}

.hp-newsletter-section a {
    color: #e41513;
}

/* New Homepage */

.arrow-scroll-down {
    display: block;
    padding: 0px;
    margin: 40px 80px;
}
@media (max-width:  959px) {
    .arrow-scroll-down {
        display: block;
        padding: 0px;
        margin: 40px;
    }

    .arrow-scroll-down svg {
        width: 20px;
    }
}

.arrow-scroll-down svg > path {
    opacity: 0.3;
    animation: 3s ease pulse infinite;
}

.arrow-scroll-down svg > path:last-child {
    animation-delay: 1s;
}

@keyframes pulse {
    0% {
        opacity: 0.3;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

.uk-navbar-nav>li>a {
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 14px;
    position: relative;
}


.uk-navbar-nav>li>a:hover {
    color: #D13326 !important;
}

.uk-navbar-nav>li.uk-active>a {
    color: #D13326 !important;
}

.uk-navbar-item .uk-button {
    border: 1px solid #ffffff;
    color:  #ffffff;
    background: transparent;
}

.uk-navbar-item .uk-button:hover {
    background: #ffffff;
    color:  #242424;
}



.uk-navbar-container>.container .uk-navbar-right, .uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: 0px;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary),
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) {
    background: #ffffff;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary) .uk-navbar-nav>li>a,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-nav>li>a {
    color: #242424;
}


.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .uk-button,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .uk-button {
    border: 1px solid #242424;
    color:  #242424;
    background: transparent;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .uk-button:hover,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .uk-button:hover {
    background: #242424;
    color:  #ffffff;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .mod-languages a,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .mod-languages a{
    color: #242424;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .mod-languages .dropdown,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .mod-languages .dropdown {
    color: #242424;
    background: #ffffff;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .mod-languages .dropdown li,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .mod-languages .dropdown li {
    border-color: #242424;
}

.uk-navbar-container:not(.uk-navbar-transparent):not(.uk-background-secondary)  .uk-navbar-item .mod-languages .dropdown li:last-child,
.tm-header > .uk-sticky-below .uk-navbar-container:not(.uk-background-secondary) .uk-navbar-item .mod-languages .dropdown li:last-child {
    border-color: #ffffff;
}

.uk-navbar-container.uk-background-secondary .user-icon-menu svg {
    fill: #ffffff !important;
}


.uk-navbar-container:not(.uk-navbar-transparent) .uk-logo,
.uk-sticky-below .uk-logo {
    box-shadow: none;
}



.uk-navbar-right .uk-navbar-item:last-child {
    padding-left: 10px;
}

#right-sticky-navbar .uk-button-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 0px;
    width: 180px;
    max-width: 180px;
    transition: 0.6s ease max-width;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
    background: #ffffff;
    color: #242424;
    font-size: 14px;
}

#right-sticky-navbar .uk-button-navbar.uk-background-primary {
    background: #e41513;
    color: #ffffff;
}

#right-sticky-navbar .uk-button-navbar .icon {
    padding: 5px;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    margin-right: 7px;
}

#right-sticky-navbar .uk-button-navbar svg.icon,
#right-sticky-navbar .uk-button-navbar img.icon {
    margin-left: 7px;
    margin-right: 7px;
}

#right-sticky-navbar .uk-button-navbar .text {
    display: block;
    text-transform: uppercase;
    width: 100%;
    /*max-width: 150px;  */
    opacity: 1;
    transition: 0.6s ease opacity;
    overflow: hidden;
    white-space: nowrap;
}

#right-sticky-navbar.closed .uk-button-navbar .text,
#right-sticky-navbar .uk-sticky-below .uk-button-navbar .text {
    /*max-width: 0px;     */
    opacity: 0;
}

#right-sticky-navbar.closed .uk-button-navbar,
#right-sticky-navbar .uk-sticky-below .uk-button-navbar {
    max-width: 50px;

}
#right-sticky-navbar .uk-button-navbar:hover {
    max-width: 180px;
}
#right-sticky-navbar .uk-button-navbar:hover .text {
    opacity: 1;
    transition-delay: 0s !important;
}
#right-sticky-navbar .uk-button-navbar:not(.uk-background-primary):hover {
    background: #ffffff;
    color:#242424;
    max-width: 180px !important;
    transition-delay: 0s !important;
}

#right-sticky-navbar .panel-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e41513;
    height: 48px !important;
    max-width: 167px;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 14px;
    color: #ffffff;
    transition: 0.6s ease max-width;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
}
#right-sticky-navbar .panel-navbar .icon {
    padding: 5px;
    width: 30px;
    min-width: 30px;

}

#right-sticky-navbar .uk-icon {
    min-width: 20px;
}

#right-sticky-navbar .panel-navbar .text {
    display: block;
    overflow: hidden;
    color: #fff;
    max-height:60px;
    font-size: 10px;
    opacity: 1;
    transition: 0.6s ease opacity;
    min-width: 110px;
    width: 100%;
}

#right-sticky-navbar.closed .panel-navbar,
#right-sticky-navbar .uk-sticky-below .panel-navbar {
    max-width: 37px;
}

#right-sticky-navbar.closed .panel-navbar .text,
#right-sticky-navbar .uk-sticky-below .panel-navbar .text {
    opacity: 0;
}


#right-sticky-navbar .panel-navbar:hover {
    max-width: 167px;
}

#right-sticky-navbar .panel-navbar:hover .text {
    opacity: 1;
}

#right-sticky-navbar .panel-navbar:hover svg {
    color: #ffffff;
}

#right-sticky-navbar {
    position: absolute;
    width: 100%;
    max-width: 200px;
    display: block;
    align-items: flex-end;
    height: 100px;
    right: 0px;
    top: 45vh;
    z-index:9999;
}

#right-sticky-navbar > div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.uk-navbar-right {
    padding-left:  20px;
}

@media (min-width:  960px) and (max-width:  1100px) {
    .uk-navbar-right .uk-navbar-nav a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }
    .uk-navbar-right .uk-button {
        font-size: 12px;
    }
    .uk-navbar-right .mod-languages {
        font-size: 12px;
    }
    .uk-logo {
        background: #E41513;
        padding-right: 10px;
        padding-left: 20px;
    }
}

@media (max-width:  959px) {
    .uk-logo {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 960px) and (max-width: 1500px){

    .homepage-pakelo-world .uk-panel .el-title {
        font-size: 22px !important;
    }

}

#tm-cookie-banner-custom-modal {
    z-index: 99999;
}

#tm-cookie-banner {
    font-size: 13px;
}

#tm-cookie-banner .uk-button-text:hover, #tm-cookie-banner .uk-button-text:focus {
    color: #D13326 !important;
}

#tm-cookie-banner .cookie-customize-button:hover {
    color: #D13326 !important;

}

#tm-cookie-banner .uk-button {
    margin:  3px 10px;
}

#tm-cookie-banner .uk-margin {
    margin:  10px 0px !important;
}
#tm-cookie-banner .uk-margin-remove-bottom {
    margin-bottom:  0px !important;
}

#tm-cookie-banner-custom-modal .uk-modal-title {
    font-size: 20px;
}

@media(max-width: 959px) {
    .hp-video-section > .uk-container {
        padding: 0;
    }

    .hp-newsletter-section > .uk-container {
        padding: 0;
    }
}


.mobile-button-find-your-oil, .mobile-button-rivenditore {
    font-size:  12px;
    width: 100%;
    white-space: nowrap;
}

.mobile-button-find-your-oil .icon, .mobile-button-rivenditore .icon {
    height: 20px;
}

.mobile-button-rivenditore .icon {
    height: 22px;
    transform: translateY(-2px);
    margin-right: 5px;
}

.mobile-button-find-your-oil.uk-button {
    background: #ffffff;
}

.mobile-button-rivenditore.uk-button {
    background: #252424;
    color:  #ffffff;
}

@media (max-width:  959px) {

    #module-177 {
        min-height: 70px;
    }
    .mod-languages .button {
        width: 35px !important;
        max-width: 35px;
        min-width: 35px;
        height: 35px !important;
        max-height: 35px;
        min-height: 35px;
        padding: 0px;
        border: 1px solid #ffffff;
        color: #ffffff !important;
    }

    .mod-languages .dropdown.uk-dropdown.uk-open {
        top: 60px !important;
    }
    /*.catalogo-uikit, .find-your-oil-header-separator {
        padding-top:  80px;

    }   */
}

#tm-mobile.uk-modal-full {
    z-index: 2000;
}

#tm-mobile .uk-modal-close-full {
    padding: 25px;
}
#tm-mobile .uk-modal-close-full svg {
    color: #ffffff;
    fill:  20px;
    width:  20px;
}


.landing .uk-navbar-container {
    background: transparent!important;
}

.landing .w-400 {
    font-weight: 400!important;
}

.landing .text-l {
    font-size: 22px;
    line-height: 32px;
}

@media (min-width:  960px) {
    .landing .clipped-tile .uk-tile {
        padding: 70px;
    }
}

.landing .red-hr:after {
    border-top: 2px solid #E41513 !important;
}

.landing #form .title-tile .uk-tile {
    padding: 70px 70px 0 70px;
}

.landing #form .tile-left .uk-tile, .landing #form .tile-right .uk-tile {
    padding: 40px 70px 0 70px;
}

.landing #form .tile-left .uk-tile {
    border-right: 1px solid rgba(193, 193, 193, 0.4);
}

.landing #form input, .landing #form select {
    padding-left: 0;
}

.landing #form .privacy * {
    font-size: 13px;
    color: #919191;
}

.landing #form .privacy a {
    color: #242424;
}

.landing #form .submit button {
    padding: 10px;
}

.landing #form textarea {
    padding: 13px 20px;
}

.landing .compila-form {
    font-size: 14px;
    color: white;
    font-weight: 900;
}

.landing .w-900 {
    font-weight: 900;
}

.landing h3, .landing .uk-h3 {
    line-height: 36px;
}

.landing .gray-hr {
    border-top: 1px solid rgba(193, 193, 193, 0.5);
}

.landing .catalogo-btn .uk-button {
    line-height: 80px;
    font-size: 16px;
}

.landing .catalogo-btn .uk-button:before {
    content: url("/images/landing/catalogo_ico.svg");
    position: relative;
    top: 8px;
    left: -10px;
}

@media(min-width: 960px) {
    .landing .p-top {
        padding-top: 70px;
    }

    .landing .pakelo-car {
        margin-bottom: -21%;
    }

    .landing .made-in-it-section > .uk-section > .uk-container {
        max-width: calc(50% + (1200px / 2));
        padding-right: 0;
    }

    .landing #form form {
        margin-top: -400px;
    }

    .landing .made-in-it-section > .uk-section {
        background: none!important;
    }

    .landing .made-in-it-section:before {
        content: "";
        display: block;
        position: absolute;
        background: #E21A21;
        height: 100%;
        width: 60vw;
        transform: skew(-14deg) translate(-10%);
        z-index: 1;
    }

    .landing .header-landing > div.uk-section {
        min-height: 60vh!important;
    }

}

@media(max-width: 959px) {
    .landing h3, .landing .uk-h3 {
        font-size: 24px;
        line-height: 35px;
    }

    .landing .icons-grid .el-content {
        display: none;
    }

    .landing #form form {
        margin-top: -690px;
    }

    .landing #form > .uk-section {
        background: #f7f7f7!important;
    }

    .landing .mobile-padding {
        padding: 300px 0;
    }

    .landing #form .title-tile .uk-tile {
        padding: 60px 30px 0 30px;
    }

    .landing #form .tile-left .uk-tile, .landing #form .tile-right .uk-tile {
        padding: 40px 30px 0 30px;
    }

    .landing .pakelo-car {
        margin-bottom: -160px;
    }

}

.magazine-product-slider .el-item {
    width: 30%;
}

.magazine-product-slider .uk-slider-items {
    margin-left: -10px;
}

.magazine-product-slider .overlay {
    height: 60%;
    background: #E41513;
    top: unset
}

.magazine-product-slider .el-title {
    font-size: 18px;
    font-weight: 600;
}

.magazine-product-slider .el-image {
    transform: scale(1.2);
    max-width: 120%;
}

.magazine-product-slider .uk-tile {
    padding: 15px;
}

@media(min-width: 1400px) {
    .landing .uk-tile {
        padding-bottom: 40px;
    }
}

@media(min-width: 1660px) {
    .landing .uk-tile {
        padding-bottom: 70px;
    }
}

.landing .slidenav {
    padding: 15px;
    background: #E41513;
    color: white;
    visibility: visible!important;
}

.landing .slider-reviews .el-item {
    padding-right: 120px;
    padding-left: 120px;
}

@media(max-width: 1279px) {
    .landing .slider-reviews .el-item {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.landing .slider-reviews .el-item {
    position: relative;
}

.landing .slider-reviews .el-item:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    width: 1px;
    height: 100%;
    background: rgba(193, 193, 193, 0.5);
}

.landing .slider-reviews .el-item:not(.uk-active):before {
    display: none;
}

.landing .slider-reviews .el-title {
    font-size: 24px;
    line-height: 28px;
}

.landing .made-in-it {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media (min-width:  960px) {

    .landing .made-in-it-section {
        position: relative;
    }

    .landing .made-in-it-section .made-in-it {
        position: relative;
        z-index: 2;
    }

}


.landing .contact-btn .uk-button {
    background-color: #E41513;
    border-color: #E41513;
    padding: 5px 60px;
}

.landing .contact-btn.footer .uk-button {
    padding: 5px 40px;
}


@media (min-width:  960px) {
    .landing .contact-tile-left .uk-tile {
        padding-left: 120px;
    }

    .landing .contact-tile-right .uk-tile {
        padding-right: 120px;
    }
}

.landing .text-transform-normal {
    text-transform: none;
}

.landing .footer-new {
    display: none;
}

@media (min-width:  960px) {
    .landing .newsletter .contact-tile-left .uk-tile, .landing .newsletter .contact-tile-right .uk-tile {
        margin-bottom: -150px;
    }
}

.landing .social-grid > .uk-grid {
    justify-content: flex-end;
}

.landing .footer-grid-links .el-title {
    font-size: 12px;
    font-weight: 600;
}

.landing .uk-navbar-container .contact-btn {
    background: #E41513!important;
    color: white!important;
    padding: 5px 70px;
    border: 0!important;
}

.landing .uk-navbar-container .contact-btn:hover {
    color: black;
    background: white!important;
}

.landing .uk-navbar-container {
    box-shadow: none!important;
}

.landing .white-overlay {
    z-index: 2;
    background: white;
    transition: 1.2s ease-in-out;
}

.landing .black-overlay {
    z-index: 1;
    background: black;
    transition: 1.4s ease-in-out;
}

.landing .animate .white-overlay, .landing .animate .black-overlay {
    transform: translateX(100%);
}

@media(max-width: 959px) {
    .magazine-product-slider .el-item {
        width: 75%;
    }

    .magazine-product-slider .uk-tile {
        padding: 15px;
        padding-bottom: 60px;
    }

    .magazine-product-slider .el-title, .magazine-product-slider .el-content {
        font-size: 14px;
        line-height: 15px;
        font-weight: 400;
    }

    .magazine-product-slider .el-title {
        margin-bottom: 10px;
        font-weight: 600;
    }

    .slider-reviews .el-item {
        width: 80% !important;
        padding-left: 0!important;
        padding-right: 40px!important;
    }

    .landing .slider-reviews .el-item:not(.uk-active):before {
        display: block;
    }

    .landing .slider-reviews .el-item:before {
        left: -20px;
    }

    .landing .made-in-it {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .landing .made-in-it-section > .uk-section {
        background-position-x: -100%;
    }

    .landing .made-in-it-section > .uk-section > .uk-position-cover {
        background-image: url(/images/landing/background-skew-1.png);
        background-repeat: no-repeat;
        background-size: 75% 100%;
        background-position: -20px 0;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: transparent;
    }

    .landing .made-in-it-section h3 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
    }

    .landing .made-in-it-section .uk-panel {
        font-size: 14px;
        line-height: 18px;
    }

    .landing .made-in-it {
        flex-grow: 0;
    }

    .landing .made-in-it .uk-grid {
        margin-left: -10px;
    }

    .landing .made-in-it .uk-grid > div {
        padding-left: 10px;
    }

    .landing .made-in-it .uk-grid .el-item .el-image {
        width: 70px;
    }

    .landing .made-in-it .uk-grid .el-item .el-title {
        font-size: 14px;
    }

    .landing .contacts-mobile h4, .landing .contacts-mobile hr, .landing .contacts-mobile ul {
        padding-left: 20px;
    }

    .landing .contact-btn.footer > .uk-grid {
        justify-content: center;
        margin-left: -10px;
    }

    .landing .contact-btn.footer > .uk-grid > .el-item {
        padding-left: 10px;
    }

    .landing .slider-reviews .el-title {
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
    }

    .landing .uk-navbar-right > a[uk-toggle] {
        display: none;
    }

    .landing .uk-navbar-container {
        height: 60px;
    }

    .landing .uk-navbar-container > nav {
        height: 100%;
    }

    .slider-reviews .author {
        text-align: left!important;
    }

    .landing .header-landing .arrow-scroll-down {
        left: 0;
        margin: 35px!important;
    }

    .landing .tm-header-mobile {
        background: transparent;
    }

    .landing .uk-navbar-center {
        left: 0!important;
        transform: none!important;
    }

    .landing .catalogo-btn > * {
        font-size: 14px!important;
    }
}

@media(max-width: 640px) {
    .magazine-product-slider .uk-tile {
        padding: 15px 5px 20px 5px;
    }

    .magazine-product-slider .el-image {
        padding-bottom: 10px;
    }
}

.landing .footer-grid-links.w-600 .el-title {
    font-weight: 600;
}

.landing .contact-btn.footer .uk-button {
    padding: 5px 10px;
}

.landing .text-sm {
    font-size: 14px;
    line-height: 17px;
}

.landing .social-grid.center > .uk-grid {
    justify-content: center;
}

.landing .form-arrow .arrow-scroll-down {
    margin: 0;
}

/*.landing .header-landing .arrow-scroll-down {
    margin: 80px 120px;
}*/

.landing .uk-button {
    font-weight: 600;
}

.landing .uk-button-primary:hover {
    border: 1px solid #e41513;
    background: white;
    color: #e41513;
}

.landing .uk-button.uk-button-secondary:not([disabled]):hover {
    color: #e41513!important;
}

.landing .uk-navbar-transparent .uk-navbar-right > * {
    display: none;
}

.landing .header-landing .contact-btn > * {
    color: white!important;
}

.landing .header-landing .contact-btn > *:hover {
    background: #fff;
}

.arrow-scroll-down.uk-position-bottom-center {
    width: 25px;
}


@media (max-width: 959px) {
    .landing .uk-navbar-container + div .contact-btn {
        position: absolute;
        right: 0px;
        top: -50px;
        background: #E41513;
        border-color:  #E41513 !important;
        color: #ffffff !important;
    }

    .landing .uk-navbar-container + div .contact-btn:focus,
    .landing .uk-navbar-container + div .contact-btn:hover,
    .landing .uk-button.uk-button-secondary:not([disabled]):hover {
        color: #ffffff !important;
    }

}


.landing .header-landing .arrow-scroll-down {
    display:  none;
}


#azienda_privato label.active {
    color: #e41513 !important;
}

body > .uk-modal {
    z-index: 90000;
}
body > .uk-modal > .uk-modal-dialog {
    background: #ffffff;
}


/**
* MAGAZINE
 */

.uk-button-wishlist {
    background: transparent;
    padding: 0px 20px;
}

.slider-homepage-pakelo  .uk-overlay-primary {
    background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.70) 100%);
}

.slider-homepage-pakelo .uk-subnav.uk-subnav-pill li span {
    background: #e41513;
    color: white!important;
    padding: 5px 10px;
    line-height: 11px;
    border: 1px solid #e41513 !important;
    font-size: 10px;
    letter-spacing: 0px;
    text-transform: none;
    font-weight: 500;
}

.slider-homepage-pakelo h3.uk-h1 {
    font-size: 24px;
    text-transform: none;
    font-weight: 600;
}

.slider-homepage-pakelo h3.uk-h3 {
    text-transform: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
}

.teaser-tag-subnav .uk-subnav-pill li span {
    padding: 5px 10px;
    line-height: 11px;
    color: #e41513 !important;
    border: 1px solid #e41513 !important;
    font-size: 10px;
    letter-spacing: 0px;
    text-transform: none;
}
.teaser-tag-subnav .uk-subnav-pill li {
    padding-left: 0px;
    padding-right: 5px;
}
.wishlist-slider h4.el-title {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
}

.traffic-danger-turn svg {
    fill: #E41513;
    opacity: 0.2;
    width: 7px;
    animation: blink 3s ease infinite;
}

.traffic-danger-turn > svg:nth-child(1) {
    animation-delay: 0s;
}
.traffic-danger-turn > svg:nth-child(2) {
    animation-delay: 1s;
}
.traffic-danger-turn > svg:nth-child(3) {
    animation-delay: 2s;
}

@keyframes blink
{
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

/*.uk-heading-bullet::before {
    content: "";
    display: inline-block;
    position: relative;
    top: unset;
    height: unset;
    margin-right: 10px;
    border: none;
    width: 4px;
    background: #e41513;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}*/

/*.uk-heading-bullet {
    display: flex;
    margin: 0!important;
}*/

.uk-heading-bullet p {
    margin: 0!important;
}


#member-registration input[type="radio"] {
    width: 20px;
    height: 20px;
    max-width: 20px !important;
    max-height: 20px !important;
    background-size: 20px 20px;
    background-position: center;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    margin: 0px 10px;
}


#jform_com_fields_luogo_di_residenza_input {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 0 none;
    border-bottom: 1px solid #dce0e1;
    max-width: 100%;
    width: 100%;
    color: #242424;
}

#jform_com_fields_luogo_di_residenza_input:focus-visible {
    outline: 0px;
}

.tm-header-overlay .uk-navbar-transparent .user-icon-menu svg * {
    fill: #ffffff;
}

[data-yooessentials-form-field="sector"] .uk-form-controls p {
    margin: 0px !important;
}

.slideshow-story .uk-thumbnav>*>::before {
    border: 0px !important;
}


body.landing .uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse) {
    display: block !important;
}

body.landing .uk-logo.uk-navbar-item {
    transform: translateX(-20px);
}

#tm-dialog-mobile > .uk-modal-dialog, #tm-dialog-mobile .uk-modal-body {
    background-color: #e11a21;
}

#tm-dialog-mobile .uk-nav.uk-nav-default a{
    color: #ffffff;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0px;
}

#tm-dialog-mobile .uk-nav.uk-nav-default .uk-nav-sub a {
    font-size: 13px;
    text-transform: uppercase;
}

#tm-dialog-mobile #module-tm-3 a {
    color: #ffffff;
}


.tm-header-mobile .uk-navbar-left {
    gap: 10px;
}

#module-119 .icona-cerca-rivenditore {
    margin-right: 7px !important;
}

.tm-header-mobile .uk-sticky {
    z-index: 9999;
}


.uk-button-wishlist svg {
    color: #ffffff;
    fill: #ffffff;
}

.header-section-rounded > div {
    background-size: cover;
    background-position: center center;
}

.header-section-rounded .header-column-height-40 {
    min-height: 40vh;
}


@media (min-width: 960px) {
    .wishlist-slider .uk-slider-items > li:not(.static) {
        width: calc(100% * 1 / 3.5);
    }
}

.red {
    color: #e41513 !important;
}

.red svg {
    fill: #e41513 !important;
}
.header-section-rounded + div .uk-subnav-pill li a {
    padding: 5px 10px;
    line-height: 11px;
    color: #e41513 !important;
    border: 1px solid #e41513 !important;
    font-size: 10px;
    letter-spacing: 0px;
    text-transform: none;
}

.tm-header .uk-navbar-dropdown {
    background: #e41513;
}

.tm-header .uk-navbar-dropdown li a{
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 14px;
}

.pakelo-find-your-oil-app .uk-tile-default select {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 0px;
    border: 2px solid #000;
    width: 100%;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 0px !important;
    color: #000000 !important;
}

.pakelo-find-your-oil-app .uk-tile-default select:disabled {
    background: #F7F7F7;
    border: 2px solid #F7F7F7;
}

.pakelo-find-your-oil-app .uk-tile-default select:focus-visible {
    outline: 0px;
}


#module-227 .uk-subnav li a, #module-225 .uk-subnav li a, #module-226 .uk-subnav li a, #module-228 .uk-subnav li a {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
}

.magazine-category-grid .el-title {
    font-size: 18px;
    text-transform: none;
    font-weight: bold;
}


@media (max-width: 960px) {
    .magazine-category-grid .el-title {
        font-size: 13px;
        text-transform: none;
        font-weight: bold;
    }

}

body.magazine h1 {
    text-transform:  none;
    font-weight: 700;
    letter-spacing: 0px;
}

body.magazine h2 {
    text-transform:  none;
    font-weight: 700;
    letter-spacing: 0px;
}

.uk-navbar-nav>li.uk-parent:hover>a,
.uk-navbar-nav>li.uk-parent>a[aria-expanded=true] {
    color: #e41513 !important;
}


@media (max-width: 1200px) and (min-width: 960px) {
    .uk-navbar-nav {
        gap: 20px;
    }

    .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
        gap: 20px;
    }
    .tm-header .uk-navbar-container > .uk-container {
        padding-right: 20px;
    }
    #module-184 {
        padding-left: 0px;
    }
    #module-184 .uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (min-width: 960px) and (max-width: 1050px) {
    .uk-navbar-nav {
        gap: 10px;
    }

    .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
        gap: 10px;
    }
}

@media (max-width: 959px) {
    .published-date {
        margin-top: 30px;
    }
}

body.magazine .uk-section-default:not(.header-section-rounded) a:not(.uk-button, .uk-link-text, .uk-link-reset),
body.magazine .uk-section-default:not(.header-section-rounded) a:not(.uk-button, .uk-link-text, .uk-link-reset) span {
    color: #e41513 !important;
}

.sectorSelect input {
    display: none;
}

.sectorSelect img {
    max-width: 70px;
    margin-right: 20px;
}

.sectorSelect .label-button {
    padding: 10px 20px;
    border: 2px solid transparent;
    background: #F7F7F7;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}

@media (max-width: 959px) {

    .pakelo-find-your-oil-app #search-engine > .uk-flex-column > .uk-margin-large-top {
        margin-top: 60px !important;
    }

    .pakelo-find-your-oil-app .uk-text-lead .uk-text-primary {
        display: block;
        color: #000000 !important;
        font-size: 25px;
        margin-top: 10px;
        font-weight: 800;
    }

    .pakelo-find-your-oil-app .uk-tile-default.uk-margin-medium-top {
        margin-top: 10px !important;
    }

}

.sectorSelect input:checked + .label-button {
    border-color: #e41513;
}

.sectorSelect input:checked + .label-button img {
    filter: invert(34%) sepia(100%) hue-rotate(-45deg) contrast(400%);
    -webkit-filter: invert(34%) sepia(100%) hue-rotate(-45deg) contrast(400%);
}

.find-your-oil-search,
.find-your-oil-search.empty,
.find-your-oil-search.uk-input:focus {
    background-color: #ffffff;
}


#module-245, #module-244 {
    position: static !important;
}

#search-form input {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    min-height: 46px;
    max-height: 46px;
    height: 46px;
}

#search-form input::placeholder {

    color: #e0e0e0 !important;
}

#search-form .uk-button {
    background-color: #E41512;
    min-height: 46px;
    max-height: 46px;
    height: 46px;
    width: 200px;
}
#search-form .uk-button:hover {
    border-color: #E41512;
    color: #ffffff !important;
}

#search-form [uk-icon="close"] {
    margin-left: -250px;
    color: #000000;
}

#search-form {
    padding-right: 150px;
    padding-left: 20px;
}

#module-243 li a ,#module-246 li a {
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 16px;
    text-transform: none;
}

#module-243 li.uk-active a ,#module-246 li.uk-active a {
    color: #e41513 !important;
}

#module-243 li a:hover, #module-246 li a:hover {
    color: rgba(255,255,255,0.6);
}

#module-246, #module-243 {
    margin-left: -20px;
}

/* SLIDENAV BAR */

.el-slidenav-bar {
    width: 100%;
    display: block;
    height: 3px;
    background: #ffffff;
    position: relative;
}

.el-slidenav-bar div {
    background: red;
    height: 3px;
    width: 0%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.6s ease width;
}

.uk-breadcrumb li span, .uk-breadcrumb li a{
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0px;
}

#module-250, #module-252 {
    min-width: 40px;
}

#module-249 .uk-subnav, #module-251 .uk-subnav {
    flex-wrap: nowrap;
}

#module-249 .uk-subnav a,
#module-251 .uk-subnav a {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
}

.navbar-bottom-mobile {
    padding: 7px 10px;
}


.sectorSelect .label-button img {
    width: 60px;
}

@media (min-width: 960px) and (max-width: 1200px) {
    .sectorSelect .label-button img {
        width: 40px;
        margin-right: 10px;
    }

}

.pakelo-find-your-oil-app